js下拉模糊查询
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312">
<META?content="fason,阿信"?name=Author>
<title>動態提示的下拉框</title>
<style>
?
</style>
</head>
<body?οnlοad="Init()">
<center>
<h2>動態提示的下拉框</h2>
<hr>
<form?name=newform>
<table>
??<tr>
????<td>請輸入1或2或3或4或5進行測試：<br><input?name="txtPlace"?style="width:100px"?οnkeyup="SelectTip(0)">?</td>
??</tr>
??<tr>
????<td>
<span?id="myselect">??<select?name="myselect"?style="width:100px"?size=10?οnchange="txtPlace.value=options[selectedIndex].text;"?id="sq2"?>
????<option?value="1">一飛沖天</option>
????<option?value="12">12</option>
????<option?value="123">123</option>
????<option?value="1234">1234</option>
????<option?value="2">2</option>
????<option?value="23">23</option>
????<option?value="234">234</option>
????<option?value="2345">2345</option>
????<option?value="3">3</option>
????<option?value="34">34</option>
????<option?value="345">345</option>
????<option?value="3456">3456</option>
????<option?value="5">5</option>
????<option?value="51">51</option>
????<option?value="51w">51w</option>
????<option?value="51wi">51wi</option>???
????<option?value="51win">51win</option>
????<option?value="51windows">51windows</option>
</span>??? </select>
????</td>
??</tr>
?</form>
</table>
?
?
<hr>
<td>
?
<script?language="javascript">
var?TempArr=[];//存貯option
?
function?Init(){
var?SelectObj=document.newform.elements["myselect"]
/*先將數據存入數組*/
with(SelectObj)
????for(i=0;i<length;i++)TempArr[i]=[options[i].text,options[i].value]
}
?
function?SelectTip(flag){
var?TxtObj=document.newform.elements["txtPlace"]
var?SelectObj=document.getElementById("myselect")
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>
</body>
轉載于:https://www.cnblogs.com/chengyalin/p/9910285.html
總結
- 上一篇： jmeter的性能监控框架搭建记录(In
- 下一篇： Informatic 使用过程中的问题