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 URL编码和解码使用说明
Apr 12 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
javascript操作html控件实例(javascript添加html)
Dec 02 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
javascript事件函数中获得事件源的两种不错方法
Mar 17 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
Aug 08 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
Jan 01 Javascript
js实现简单的手风琴效果
Feb 27 Javascript
ES6学习笔记之正则表达式和字符串正则方法分析
Apr 25 Javascript
微信小程序实现根据字母选择城市功能
Aug 16 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 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
PHPUnit安装及使用示例
2014/10/29 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
javascript 自动转到命名锚记
2009/01/10 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
js动态在form上插入enctype=multipart/form-data的问题
2012/05/24 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
js父窗口关闭时子窗口随之关闭完美解决方案
2014/04/29 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
浅谈使用splice函数对数组中的元素进行删除时的注意事项
2016/12/04 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
node实现简单的反向代理服务器
2017/07/26 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
详解node.js的http模块实例演示
2018/07/12 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
详解vue中在父组件点击按钮触发子组件的事件
2020/11/13 Javascript
django反向解析和正向解析的方式
2018/06/05 Python
python 列表降维的实例讲解
2018/06/28 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
Django中提供的6种缓存方式详解
2019/08/05 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
CSS3中box-shadow的用法介绍
2015/07/15 HTML / CSS
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
爱尔兰领先的在线体育用品零售商:theGAAstore
2018/04/16 全球购物
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
后勤部长岗位职责
2013/12/14 职场文书
装修五一活动策划案
2014/01/23 职场文书
追悼会家属答谢词
2015/09/29 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python