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自执行函数的几种不同写法的比较
Aug 16 Javascript
jquery实现保存已选用户
Jul 21 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
jQuery查找节点并获取节点属性的方法
Sep 09 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
vue-router 源码实现前端路由的两种方式
Jul 02 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
layui动态表头的实现代码
Aug 22 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
openLayer4实现动态改变标注图标
Aug 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
PHP通用分页类page.php[仿google分页]
2008/08/31 PHP
PHP校验ISBN码的函数代码
2011/01/17 PHP
php读取excel文件示例分享(更新修改excel)
2014/02/27 PHP
PHP中unset,array_splice删除数组中元素的区别
2014/07/28 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
微信公众号之主动给用户发送消息功能
2019/06/22 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
基于jQuery的history历史记录插件
2010/12/11 Javascript
JS判断文本框内容改变事件的简单实例
2014/03/07 Javascript
jquery动态分页效果堪比时光网
2014/09/25 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
Web打印解决方案之证件套打的实现思路
2016/08/29 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
Angular 封装并发布组件的方法示例
2018/04/19 Javascript
vue超时计算的组件实例代码
2018/07/09 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
基于layui内置模块(element常用元素的操作)
2019/09/20 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
Django REST framework内置路由用法
2019/07/26 Python
Numpy的简单用法小结
2019/08/28 Python
解决Tensorboard 不显示计算图graph的问题
2020/02/15 Python
windows10 pycharm下安装pyltp库和加载模型实现语义角色标注的示例代码
2020/05/07 Python
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
.NET概念性的面试题
2012/02/29 面试题
司机岗位职责
2013/11/15 职场文书
实习护士自荐信
2014/06/21 职场文书
供电工程专业求职信
2014/08/09 职场文书
法人委托书的范本格式
2014/09/11 职场文书
合作协议书模板2014
2014/09/26 职场文书
家长通知书家长意见
2014/12/30 职场文书
辞职信怎么写
2015/02/27 职场文书
python使用pygame创建精灵Sprite
2021/04/06 Python
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL