|
<META content=fason阿信 name=Author> <title>动态提示的下拉框</title> <style> a{color:red;textdecoration:none;fontsize:px} </style> </head> <body onload=Init()> <center> <h>动态提示的下拉框</h> <hr> <form name=frm> <table> <tr> <td>请输入或或或或进行测试<br><input name=txt onkeyup=SelectTip()> <input type=button value=reset onclick=SelectTip()></td> </tr> <tr> <td> <span id=demo><select name=demo size= onchange=txtvalue=options[selectedIndex]text;> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=></option> <option value=w>w</option> <option value=wi>wi</option> <option value=win>win</option> <option value=windows>windows</option> </select></span> </td> </tr> </form> </table> <hr> <script language=JavaScript> var TempArr=[];//存贮option function Init(){ var SelectObj=documentfrmelements[demo] /*先将数据存入数组*/ with(SelectObj) for(i=;i<length;i++)TempArr[i]=[options[i]textoptions[i]value] } function SelectTip(flag){ var TxtObj=documentfrmelements[txt] var SelectObj=documentgetElementById(demo) var Arr=[] with(SelectObj){ var SelectHTML=innerHTMLmatch(/<[^>]*>/)[] for(i=;i<TempArrlength;i++) if(TempArr[i][]indexOf(TxtObjvalue)==||flag)//若找到以txt的内容开头的添option若flag为true对下拉框初始化 Arr[Arrlength]=<option value=+TempArr[i][]+>+TempArr[i][]+</option> innerHTML=SelectHTML+Arrjoin()+</SELECT> } } </script> </body> |
