Question

如何让下拉列表可以手动输入值

Answer 1

用js可以做到的

XML/HTML code?

1
2
3
4
5

<select id="branch" onkeypress="trigger(3)" onkeyup="edit(3)" name="branch">
<option value="开发部" selected>开发部</option>
<option value="人事部">人事部</option>
<option value="销售部">销售部</option>
</select>

JavaScript code?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<script language="javascript">
function trigger(opt){
//opt表示现有可选项的数目
form1.branch.options[opt]=new Option(ok=(form1.branch.options[opt])?
form1.branch.options[opt].innerText+String.fromCharCode(event.keyCode):
String.fromCharCode(event.keyCode),ok)
form1.branch.selectedIndex=opt;
}
function edit(opt){
//opt表示现有可选项的数目
if(form1.branch.options[opt]){
if(event.keyCode==8){
var str=form1.branch.options[opt].innerText;
var len=str.length;
form1.branch.options[opt].innerText=str.substring(0,len-1);
if(form1.branch.options[opt].innerText==""){
form1.branch.remove(opt);
form1.branch.selectedIndex=1;
};
}
if(event.keyCode==32){
form1.branch.options[opt].innerText+=" ";
}
}
}
</script>

Answer 2

重金属泊降冷遇家已

Answer 3

你这个不会的吗