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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
javascript将json格式数组下载为excel表格的方法
Dec 22 Javascript
async/await地狱该如何避免详解
May 10 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
JS遍历树层级关系实现原理解析
Aug 31 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 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
window.showModalDialog使用手册
2007/01/11 Javascript
一个不错的用JavaScript实现的UBB编码函数
2007/03/09 Javascript
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
javascript 有用的脚本函数
2009/05/07 Javascript
Jquery操作Select 简单方便 一个js插件搞定
2009/11/12 Javascript
jquery validate使用攻略 第四步
2010/07/01 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
JavaScript原生对象之Number对象的属性和方法详解
2015/03/13 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
2016/12/30 Javascript
Easy UI动态树点击文字实现展开关闭功能
2017/09/30 Javascript
vue2.0安装style/css loader的方法
2018/03/14 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
bootstrap tooltips在 angularJS中的使用方法
2019/04/10 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
itchat接口使用示例
2017/10/23 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
python中有关时间日期格式转换问题
2019/12/25 Python
Python魔术方法专题
2020/06/19 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
保险专业大专生求职信
2013/10/26 职场文书
工业设计专业个人求职信范文
2013/12/28 职场文书
导游词格式
2015/02/13 职场文书
离婚起诉状范本
2015/05/19 职场文书
教你快速构建一个基于nginx的web集群项目
2021/11/27 Servers
Java的Object类的九种方法
2022/04/13 Java/Android
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python