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 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
Mar 21 Javascript
批量实现面向对象的实例代码
Jul 01 Javascript
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
常用的几段javascript代码分享
Mar 25 Javascript
JavaScript判断数字是否为质数的方法汇总
Jun 02 Javascript
Javascript基础_简单比较undefined和null 值
Jun 14 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
深入学习js瀑布流布局
Oct 14 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 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
html中select语句读取mysql表中内容
2006/10/09 PHP
php实现图片缩放功能类
2013/12/18 PHP
PHP中执行MYSQL事务解决数据写入不完整等情况
2014/01/07 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
4种PHP异步执行的常用方式
2015/12/24 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
基于jquery实现图片广告轮换效果代码
2011/07/07 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
jQuery判断当前点击的是第几个li的代码
2014/09/26 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
jquery Validation表单验证使用详解
2020/09/12 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
2017/09/01 jQuery
基于input动态模糊查询的实现方法
2017/12/12 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
vue-router history模式下的微信分享小结
2018/07/05 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
Python采用raw_input读取输入值的方法
2014/08/18 Python
python实现决策树、随机森林的简单原理
2018/03/26 Python
win8下python3.4安装和环境配置图文教程
2018/07/31 Python
python批量从es取数据的方法(文档数超过10000)
2018/12/27 Python
使用python求解二次规划的问题
2020/02/29 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
python中的时区问题
2021/01/14 Python
python自动化办公操作PPT的实现
2021/02/05 Python
amazeui模态框弹出后立马消失并刷新页面
2020/08/19 HTML / CSS
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
网络宣传方案
2014/03/15 职场文书
主题团日活动总结
2014/06/25 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
2016情人节宣传语
2015/07/14 职场文书
物业公司管理制度
2015/08/05 职场文书
如何理解及使用Python闭包
2021/06/01 Python