如何让select下拉框具有输入功能

发布网友 发布时间：2022-04-22 04:16

我来回答

共3个回答

懂视网 时间：2022-04-21 00:34

回复讨论(解决方案)

参见代码
http://dhtmlx.com/docs/products/dhtmlxCombo/

用户自己输入？

HTML5有这种控件，但是如果你用HTML4的话可以看一下我的博客
http://blog.csdn.net/xiaowanzi80hou/article/details/11020005

百度一下 带输入框的下拉框。很多

有个插件的好像是叫COMBOX

热心网友 时间：2022-04-20 21:42

一般情况下，Select下拉框是只能选择，不能用来输入内容的。当select下拉框中没有要选择的信息项时，可以直接在select中输入自己想要得信息项，在输入信息项时，不改变select下拉框中原有的信息项
实现方式
<select id="select" onkeydown="Select.del(this,event)" onkeypress="Select.write(this,event)">
<option value=""></option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
<option value="ccc">ccc</option>
</select>
<input type="button" value="获取选择值" id="test" onclick="test();"/>
<script>
var Select = {
del : function(obj,e){
if((e.keyCode||e.which||e.charCode) == 8){
var opt = obj.options[0];
opt.text = opt.value = opt.value.substring(0, opt.value.length>0?opt.value.length-1:0);
}
},
write : function(obj,e){
if((e.keyCode||e.which||e.charCode) == 8)return ;
var opt = obj.options[0];
opt.selected = "selected";
opt.text = opt.value += String.fromCharCode(e.charCode||e.which||e.keyCode);
}
}
function test(){
alert(document.getElementById("select").value);
}
</script><br />

热心网友 时间：2022-04-20 23:00

实现方法一

HTML 代码   复制

实现方式二

HTML 代码   复制