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中对对层的控制
Dec 29 Javascript
JavaScript中的事件处理
Jan 16 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
Javascript的动态增加类的实现方法
Oct 20 Javascript
学习使用bootstrap的modal和carousel
Dec 09 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
基于hover的用法实例(推荐)
Jul 04 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
关于vue状态过渡transition不起作用的原因解决
Apr 09 Javascript
原生js实现瀑布流效果
Mar 09 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中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
Thinkphp关闭缓存的方法
2015/06/26 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
2011/01/12 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
基于javascript制作微博发布栏效果
2016/04/04 Javascript
js实现碰撞检测特效代码分享
2016/10/16 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
2016/11/02 Javascript
JavaScript基本语法_动力节点Java学院整理
2017/06/26 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
django连接oracle时setting 配置方法
2019/08/29 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
python数据化运营的重要意义
2019/11/25 Python
python如何爬取网页中的文字
2020/07/28 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
GNC健安喜官方海外旗舰店:美国著名保健品牌
2017/01/04 全球购物
责任担保书范文
2014/05/21 职场文书
服务承诺书格式
2014/05/21 职场文书
机关保密承诺书
2014/06/03 职场文书
消防安全标语
2014/06/07 职场文书
明星员工获奖感言
2014/08/14 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
世界名著读书笔记
2015/06/25 职场文书
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL
使用JS前端技术实现静态图片局部流动效果
2022/08/05 Javascript