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 相关文章推荐
在JavaScript中遭遇级联表达式陷阱
Mar 08 Javascript
jQuery+css+html实现页面遮罩弹出框
Mar 21 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
javascript中的取反再取反~~没有意义
Apr 06 Javascript
javascript递归回溯法解八皇后问题
Apr 22 Javascript
js基本算法:冒泡排序,二分查找的简单实例
Oct 08 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 Javascript
jQuery实现影院选座订座效果
Apr 13 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
You might like
PHP超级全局变量数组小结
2012/10/04 PHP
解析php常用image图像函数集
2013/06/24 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
$()JS小技巧
2007/07/21 Javascript
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
2017/01/09 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
2017/07/03 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
微信小程序开发实现消息推送
2020/11/18 Javascript
微信小程序实现侧边分类栏
2019/10/21 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
在vant中使用时间选择器和popup弹出层的操作
2020/11/04 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
Python采用Django开发自己的博客系统
2020/09/29 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
python 常见的排序算法实现汇总
2020/08/21 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
大学生毕业求职找工作的自我评价
2013/09/29 职场文书
安全生产汇报材料
2014/02/17 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
如何写自我评价?自我评价写什么好?
2014/03/14 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
python爬虫selenium模块详解
2021/03/30 Python
python urllib库的使用详解
2021/04/13 Python