当前位置:Gxlcms > JavaScript > JavaScript实现点击文本自动定位到下拉框选中操作

JavaScript实现点击文本自动定位到下拉框选中操作

时间:2021-07-01 10:21:17 帮助过:99人阅读

本文实例为大家分享了js点击文本自动定位到下拉框选的具体代码,供大家参考,具体内容如下

  1. <html >
  2. <head runat="server">
  3. <title></title>
  4. <style type="text/css">
  5. #SiteStat
  6. {
  7. width: 97px;
  8. height: 181px;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <from>
  14. <script language=javascript>
  15. function foo(){
  16. //var i = 3;
  17. var i = document.getElementById("ds").value;
  18. o = document.getElementById("SiteStat");
  19. for (c = 0; c < o.length; c++) {
  20. dy = o.options[c].value.indexOf(i)
  21. if(dy==0)
  22. //if (o.options[c].value == i)
  23. {
  24. o.options[c].selected = true;
  25. break;
  26. }
  27. }
  28. }
  29. </script>
  30. <select name="SiteStat" multiple="multiple" class="select1" id="SiteStat">
  31. <option value="-1" selected></option>
  32. <option value="1" >状态A</option>
  33. <option value="0">状态B</option>
  34. <option value="22">状态C</option>
  35. <option value="33">状态D</option>
  36. </select>
  37. </from>
  38. <input type='text' name='olala' id='ds'/>
  39. <input type='submit' name='sub' value='查询显示' onclick="foo()"/>
  40. </body>
  41. </html>

以上就是本文的全部内容,希望对大家学习JavaScript程序设计有所帮助。

人气教程排行