動態提示的下拉框

　　<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>

From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19719.html