熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

動態提示的下拉框

2013-11-15 11:50:07  來源: JSP教程 

  <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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.