javascript select option中无法添加文字

Question

自己顶下，希望熟悉javascript select的高手出现

Answer 1

参考
<script language="javascript">
    function beginEditing(obj){
var val = obj.value;
if(obj.selectedIndex == 4){
var opt = obj.options[4];
opt.value == 4 ? opt.text = '' : '';
var inp = document.createElement('input'), ifr = document.createElement('iframe');
inp.style.border=0;
ifr.style.position = inp.style.position='absolute';
inp.style.background='white';
inp.style.zIndex = 100;
ifr.style.zIndex = 99;
var o = obj, left =0, top=0, h = obj.offsetHeight - 2, w = obj.offsetWidth - 21;
while(o!=null){
left+=o.offsetLeft;
top += o.offsetTop;
o = o.offsetParent;
} ifr.style.left = inp.style.left = left+4+'px';
ifr.style.top = inp.style.top = top+1+'px';
ifr.style.height = inp.style.height = h + 'px';
ifr.style.width = inp.style.width = w + 'px';
inp.style.lineHeight= h-2+'px';
inp.value = opt.text;
document.body.appendChild(inp);
document.body.appendChild(ifr);
inp.ifr = ifr;
inp.focus();
inp.select();
inp.onblur = function(){
opt.value = opt.text = this.value;
this.parentNode.removeChild(this.ifr);
this.parentNode.removeChild(this);
}
}
}
</script>
<select id="selReason" style= "WIDTH: 300px;BORDER-TOP-STYLE: none;BORDER-BOTTOM: black thin solid;BORDER-RIGHT-STYLE: none;BORDER-LEFT-STYLE: none"runat="server" onchange="beginEditing(this)" NAME="selReason">
<option value="-1" selected>&nbsp;</option>
<option value="0">每年自动增加</option>
<option value="1">加班</option>
<option value="3">休假</option>
<option value="4">&lt;手动增加年假时输入的信息&gt;</option>
</select>

Answer 2

哈哈 你现在是不是在做cos？？没想到这事又交给你了！你现在的开发工具还是VS2003？