编程 Javascript

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

Posted in Javascript onJune 15, 2016

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

<html >
 
<head runat="server">
 <title></title>
 <style type="text/css">
  #SiteStat
  {
   width: 97px;
   height: 181px;
  }
 </style>
</head>
<body>
 <from>
 <script language=javascript>
  function foo(){
   //var i = 3;
   var i = document.getElementById("ds").value;
   o = document.getElementById("SiteStat");
   for (c = 0; c < o.length; c++) {
    dy = o.options[c].value.indexOf(i)
    
    if(dy==0)
    //if (o.options[c].value == i) 
    {
     o.options[c].selected = true;
     break;
    }
   }
  }
</script>
 
<select name="SiteStat" multiple="multiple" class="select1" id="SiteStat">
 <option value="-1" selected></option>
 <option value="1" >状态A</option>
 <option value="0">状态B</option>
 <option value="22">状态C</option>
 <option value="33">状态D</option>
</select>
</from>
<input type='text' name='olala' id='ds'/>
<input type='submit' name='sub' value='查询显示' onclick="foo()"/>
</body>
</html>

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

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

- Author -

宏仔很忙

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

用jquery来定位

Feb 20 Javascript

JQuery UI DatePicker中z-index默认为1的解决办法

Sep 28 Javascript

网页禁用右键菜单和鼠标拖动选择方法小结

Feb 25 Javascript

Jquery循环截取字符串的方法(多出的字符串处理成"...")

Nov 28 Javascript

利用CSS、JavaScript及Ajax实现图片预加载的方法

Nov 29 Javascript

JS针对Array的各种操作汇总

Nov 29 Javascript

jQuery Validate表单验证插件的基本使用方法及功能拓展

Jan 04 Javascript

gulp加批处理(.bat)实现ng多应用一键自动化构建

Feb 16 Javascript

NW.js 简介与使用方法

Feb 01 Javascript

新版小程序登录授权的方法

Dec 12 Javascript

在JavaScript中使用严格模式(Strict Mode)

Jun 13 Javascript

JS JQuery获取data-*属性值方法解析

Sep 01 jQuery

JavaScript对象数组如何按指定属性和排序方向进行排序

Jun 15 #Javascript

jQuery动态加载css文件实现方法

Jun 15 #Javascript

异步加载JS、CSS代码（推荐）

Jun 15 #Javascript

全面解析Javascript无限添加QQ好友原理

Jun 15 #Javascript

漫谈JS引擎的运行机制你应该知道什么

Jun 15 #Javascript

JavaScript操作 url 中 search 部分方法函数

Jun 15 #Javascript

JS实现动态表格的添加，修改，删除功能(推荐)

Jun 15 #Javascript