select 支持手动输入

来源：互联网发布：微信网络连接不可用编辑：程序博客网时间：2024/06/11 18:50

<body >
<select id="select" onkeydown="selectWrite(this,event)" onkeypress="selectWrite(this,event)">
    <option value=""></option>
    <option value="11">11</option>
    <option value="22">22</option>
    <option value="33">33</option>
</select>
<input type="button" value="点我" id="test" onclick="test();"/>
<script>
function selectWrite(obj,e){
   var opt = obj.options[0];
   opt.selected = "selected";
   if((e.keyCode||e.charCode) == 8){
       opt.text = opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0);
   }else{
       opt.text = opt.value += String.fromCharCode(e.charCode||e.keyCode);
   }
}

function test(){
   alert(document.getElementById("select").value);
}
</script>

</body>

转载：http://www.iteye.com/topic/296107

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>可输入的下拉框</TITLE>
</HEAD>
<BODY >

<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="www.souzz.net"> souzz </option>
<option value="www.eWebSoft.com"> eWebSoft </option>
<option value="WEB开发者"> WEB开发者 </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</BODY></HTML>