当select下拉框中没有要选择的信息项时,可以直接在select中输入自己想要得信息项。
在输入信息项时,不改变select下拉框中原有的信息项。
通过Backspace键可以清除刚才输入的信息项,以便重新输入。如果不清除,再输入信息时,会在原来输入的基础之上继续添加信息。如:原来手动输入信息是111,如果不清除再输入222时,信息项就变成111222
<html>
<head>
<title>可输入的select下拉框</title>
</head>
<script>
</script>
<body >
<select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" οnkeydοwn="if(event.keyCode == 8){this.options[0].text = '';}" οnkeypress="writeSelect(this)">
<option value=""></option>
<option value="11">11</option>
<option value="22">22</option>
<option value="33">33</option>
</select>
<input type="button" value="点我" οnclick="ttt();"/>
<script>
function writeSelect(obj){
obj.options[0].selected = "select";
obj.options[0].text = obj.options[0].text + String.fromCharCode(event.keyCode);
event.returnValue=false;
return obj.options[0].text;
}
function ttt(){
var ss = document.getElementById("aa").value;
var jg = "";
if(ss == ""){
var aas = writeSelect(document.getElementById("aa"));
jg = aas;
}else{
jg = document.getElementById("aa").value;
}
alert(jg);
}
</script>
</body>
</html>
代码只是为了展示select下拉框可输入情况,具体一些细节方面,有待完善。