搜索:
首页 >> JavaScript >> Js高级编程 >> 动态提示的select下拉框

动态提示的select下拉框

2007-12-2 作者:阿信 asp之家 投递文章

javascript可以根据输入值自动搜索显示相关的select列表,对于列表很长时可以很方便的查找到要的值。

js代码:

<script language="javascript">
var TempArr=[];//存贮option

function Init(){
var SelectObj=document.frm.elements["demo"]
/*先将数据存入数组*/
with(SelectObj)
 for(i=0;i<length;i++)TempArr[i]=[options[i].text,options[i].value]
}

function SelectTip(flag){
var TxtObj=document.frm.elements["txt"]
var SelectObj=document.getElementById("demo")
var Arr=[]
with(SelectObj){
 var SelectHTML=innerHTML.match(/<[^>]*>/)[0]
 for(i=0;i<TempArr.length;i++)
 if(TempArr[i][0].indexOf(TxtObj.value)==0||flag)//若找到以txt的内容开头的,添option。若flag为true,对下拉框初始化
 Arr[Arr.length]="<option value='"+TempArr[i][1]+"'>"+TempArr[i][0]+"</option>"
 innerHTML=SelectHTML+Arr.join()+"</SELECT>"
}
}
</script>

运行代码:

[提示:你可先修改部分代码,再按运行]

Tags:select  下列框  js 
相关文章
手机版 Js高级编程 Asp之家 Aspxhome.com
闽ICP备06017341号