资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
动态提示的下拉框
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <META content="fason,阿信" name=Author> <title>动态提示的下拉框</title> <style> a{color:red;text-decoration:none;font-size:12px} </style> </head> <body onload="Init()"> <center> <h2>动态提示的下拉框</h2> <hr> <form name=frm> <table> <tr> <td>请输入1或2或3或4或5进行测试： <input name="txt" style="width:100px" onkeyup="SelectTip(0)"> <input type="button" value="reset" onclick="SelectTip(1)"></td> </tr> <tr> <td> <span id="demo"><select name="demo" style="width:100px" size=10 onchange="txt.value=options[selectedIndex].text;"> <option value="1">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> </select></span> </td> </tr> </form> </table> <hr> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20TempArr%3D%5B%5D%3B%2F%2F%E5%AD%98%E8%B4%AEoption%20%0D%0A%0D%0Afunction%20Init()%7B%20%0D%0Avar%20SelectObj%3Ddocument.frm.elements%5B%22demo%22%5D%20%0D%0A%2F*%E5%85%88%E5%B0%86%E6%95%B0%E6%8D%AE%E5%AD%98%E5%85%A5%E6%95%B0%E7%BB%84*%2F%20%0D%0Awith(SelectObj)%20%0D%0A%20%20%20%20for(i%3D0%3Bi%3Clength%3Bi%2B%2B)TempArr%5Bi%5D%3D%5Boptions%5Bi%5D.text%2Coptions%5Bi%5D.value%5D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20SelectTip(flag)%7B%20%0D%0Avar%20TxtObj%3Ddocument.frm.elements%5B%22txt%22%5D%20%0D%0Avar%20SelectObj%3Ddocument.getElementById(%22demo%22)%20%0D%0Avar%20Arr%3D%5B%5D%20%0D%0Awith(SelectObj)%7B%20%0D%0A%20%20%20%20var%20SelectHTML%3DinnerHTML.match(%2F%3C%5B%5E%3E%5D*%3E%2F)%5B0%5D%20%0D%0A%20%20%20%20for(i%3D0%3Bi%3CTempArr.length%3Bi%2B%2B)%20%0D%0A%20%20%20%20if(TempArr%5Bi%5D%5B0%5D.indexOf(TxtObj.value)%3D%3D0%7C%7Cflag)%2F%2F%E8%8B%A5%E6%89%BE%E5%88%B0%E4%BB%A5txt%E7%9A%84%E5%86%85%E5%AE%B9%E5%BC%80%E5%A4%B4%E7%9A%84%EF%BC%8C%E6%B7%BBoption%E3%80%82%E8%8B%A5flag%E4%B8%BAtrue%2C%E5%AF%B9%E4%B8%8B%E6%8B%89%E6%A1%86%E5%88%9D%E5%A7%8B%E5%8C%96%20%0D%0A%20%20%20%20Arr%5BArr.length%5D%3D%22%3Coption%20value%3D'%22%2BTempArr%5Bi%5D%5B1%5D%2B%22'%3E%22%2BTempArr%5Bi%5D%5B0%5D%2B%22%3C%2Foption%3E%22%20%0D%0A%20%20%20%20innerHTML%3DSelectHTML%2BArr.join()%2B%22%3C%2FSELECT%3E%22%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </body>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程