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 相关文章推荐
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
网络图片延迟加载实现代码 超越jquery控件
Mar 27 Javascript
事件委托与阻止冒泡阻止其父元素事件触发
Sep 02 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
JS动态添加iframe的代码
Sep 14 Javascript
JS 终止执行的实现方法
Nov 24 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
Jan 02 jQuery
JS中call和apply函数用法实例分析
Jun 20 Javascript
微信小程序 自定义复选框实现代码实例
Sep 04 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
微信小程序实用代码段(收藏版)
Dec 17 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
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
PHP通过CURL实现定时任务的图片抓取功能示例
2016/10/03 PHP
jQuery 常见开发使用技巧总结
2009/12/26 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
Javascript中的匿名函数与封装介绍
2015/03/15 Javascript
JS动态修改iframe内嵌网页地址的方法
2015/04/01 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
Vue实现图片与文字混输效果
2019/12/04 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
Python中文编码那些事
2014/06/25 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
python机器学习之随机森林(七)
2018/03/26 Python
Python中list查询及所需时间计算操作示例
2018/06/21 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
python虚拟环境模块venv使用及示例
2020/03/04 Python
怎么快速自学python
2020/06/22 Python
Mountain Warehouse澳大利亚官网:欧洲家庭户外品牌倡导者
2016/11/20 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
青年标兵事迹材料
2014/08/16 职场文书
师德先进个人材料
2014/12/20 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
《怀念母亲》教学反思
2016/02/19 职场文书
MySQL深分页问题解决思路
2022/12/24 MySQL