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


Posted in Javascript onJune 15, 2016

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

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

<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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
De facto standard 世界上不可思议的事实标准
Aug 29 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
js获取上传文件大小示例代码
Apr 10 Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
ES6新特性之函数的扩展实例详解
Apr 01 Javascript
jQuery超简单遮罩层实现方法示例
Sep 06 jQuery
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 Javascript
JavaScript前端面试组合函数
Jun 21 Javascript
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
You might like
PHP 解决session死锁的方法
2013/06/20 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
PHP实现上传图片到 zimg 服务器
2016/10/19 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
javaScript对象和属性的创建方法
2007/01/15 Javascript
动态显示可输入的字数提示还可以输入的字数
2014/04/01 Javascript
js识别uc浏览器的代码
2015/11/06 Javascript
封装属于自己的JS组件
2016/01/27 Javascript
JS清除字符串中重复值的实现方法
2016/08/03 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
webpack独立打包和缓存处理详解
2017/04/03 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
Python3 能振兴 Python的原因分析
2014/11/28 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
Django1.11配合uni-app发起微信支付的实现
2019/10/12 Python
Python unittest装饰器实现原理及代码
2020/09/08 Python
python实现图片,视频人脸识别(dlib版)
2020/11/18 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
用python制作个视频下载器
2021/02/01 Python
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
如何进行Linux分区优化
2016/09/13 面试题
新闻专业本科生的自我评价分享
2013/11/20 职场文书
进口业务员岗位职责
2014/04/06 职场文书
园林系毕业生求职信
2014/06/23 职场文书
老干部工作先进事迹
2014/08/17 职场文书
教你用Python matplotlib库制作简单的动画
2021/06/11 Python