<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>可以输入的select标签</title>
</head>
<body>
<select id="select" onkeydown="Select.del(this,event)" onkeypress="Select.write(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>
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>
</body>
</html>
分享到:
相关推荐
下拉框选择已有固定value,也可以选择后进行编辑,也可以直接输入数值。
带搜索功能的select下拉框,类似百度google的搜索框,自己匹配,很好用
可以输入的下拉框(可用于项目的)
可输入下拉框(select)源代码 可输入下拉框(select)源代码 select下拉框中可输入内容
jQuery Editable Select 是一个jQuery插件,它将选择转换成输入字段,其中根据输入的字符实时显示单个元素。当JavaScript不可用时,它就变成了一个真正的选择列表。
该例采用单元测试,实现fremarker通用下拉框,满足所有web下拉框需求
本文实例为大家分享了可输入可选择的select下拉框,供大家参考,具体内容如下 1、原理: 1.1将input输入框和select框合并在一起,但是显示出向下点击的按钮: 这种比较容易做到 1.2出现输入值能够自动匹配的功能 ...
select下拉框支持搜索功能,既可以下拉选择!也可以进行输入筛选!
在开发过程中,我们经常会遇到有些页面要求某个文本域可以文本输入,又要求兼带支持select下拉选择
主要为大家详细介绍了JS Select下拉框的相关资料,支持输入模糊查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例讲述了js实现Select下拉框具有输入功能的方法。分享给大家供大家参考。具体实现方法如下: 实现方法一 代码如下:<HTML> <HEAD> <META http-equiv=’Content-Type’ content=’text/html; ...
既可以输入,又可以下拉的输入框,类似GoogleSuggest功能
主要为大家详细介绍了Bootstrap框架下下拉框select搜索功能,感兴趣的小伙伴们可以参考一下
一个很简单的可手写输入的下拉框,可以选择和手写输入。
目前的下拉框dropdownlist、select就是简单的选择,如果遇到内容过多会很难找出想找的选项,我用简单的js文件将现在的下拉框改成下拉模糊搜索框,支持汉字拼音首字母模糊匹配和字符串字串匹配,本代码的强大在于扩展...
此juqery插件模仿能输入的下拉框.能支持数组或JSON传值的创建,自动创建将原生下拉框转换为此能输入的下拉框模式,有搜索和自动完成功能,键盘鼠标方向键控制功能,能更改外部样式!
自动匹配,可输入可选择的下拉框 可手写,可选择 方便实用。
jQuery下拉框匹配查询选择代码是一款可以自定义修改参数名,支持select下拉框菜单选择代码。