首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

textbox中输入字符在下拉框中联想,该怎么处理

2012-06-06 
textbox中输入字符在下拉框中联想页面上有两个控件textbox和dropdownlist控件,页面加载的时候在下拉框中绑

textbox中输入字符在下拉框中联想
页面上有两个控件textbox和dropdownlist控件,页面加载的时候在下拉框中绑定了数据,在textbox中输入内容后,在下拉框中寻找匹配的内容,类似于联想的功能,但页面不能有刷新,小弟JS很菜,写不出来,请大家帮帮忙。

[解决办法]
参考
[解决办法]

HTML code
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Test</title></head><body><input type="text" value="" id="txtTest" onkeyup="Test();"><select id="selectTest"><option value="0">选择项</option><option value="1">abc</option><option value="2">def</option></select><script type="text/javascript">function Test(){var obj=document.getElementById("txtTest").getAttribute("value");var select=document.getElementById("selectTest");var temp=0;for(var i=0;i<select.options.length;i++){  if(select.options[i].innerText==obj){    temp=i;    break;  }}select.options[temp].selected=true;}</script></body></html>
[解决办法]
var a=["2","22","2222","222222","222222","2222"];
function finds(){
var see=document.getElementById("se");
var tee=document.getElementById("te");
see.length=0;
var value1=tee.value;
for(var i=0;i<a.length;i++){
if(a[i].indexOf(value1)==0){
var o=new Option(a[i],a[i]);
see[see.length]=o;
}
}
see.size=see.length;
}
通过设置下拉框的size属性

热点排行