日期:2014-05-18  浏览次数:20803 次

可输入下拉框
我想做类似于IE地址栏那样的文本框,输入文本自由能自动展开模糊查询的,目前用文本框的话无法下拉,用下拉框不能输入,请问有什么好办法?是不是用文本框+隐藏层实现?

------解决方案--------------------
让我做的话就会用文本框+隐藏层
------解决方案--------------------
给你段源码 试试吧
html:
<select id="CardType" class="textarea" onkeypress="trigger(3)" onkeyup="edit(3)" name="CardType">
<option value="身份证">身份证</option>
<option value="军官证">军官证</option>
<option value="学生证">学生证</option>
</select>(如果下拉列表中不存在,可以直接输入)
js: 
<script language="javascript">
function trigger(opt){
//opt表示现有可选项的数目
form1.CardType.options[opt]=new Option(form1.CardType.options[opt]?
form1.CardType.options[opt].innerText+String.fromCharCode(event.keyCode):
String.fromCharCode(event.keyCode))
form1.CardType.selectedIndex=opt; //设置下拉列表的选中项
}
function edit(opt){
//opt表示现有可选项的数目
if(form1.CardType.options[opt]){
if(event.keyCode==8){
var str=form1.CardType.options[opt].innerText;
var len=str.length;
form1.CardType.options[opt].innerText=str.substring(0,len-1);
if(form1.CardType.options[opt].innerText==""){
form1.CardType.remove(opt);
form1.CardType.selectedIndex=1;
};
}
if(event.keyCode==32){
form1.CardType.options[opt].innerText+=" ";
}
}
}
</script>