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(AJAX)解析XML的代码(兼容FIREFOX/IE)
Jul 11 Javascript
javascript控制swfObject应用介绍
Nov 29 Javascript
JavaScript实现的双向跨域插件分享
Jan 31 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
BootStrap表单宽度设置方法
Mar 10 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
Dec 25 jQuery
详解js类型判断
May 22 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获取从百度搜索进入网站的关键词的详细代码
2014/01/08 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
PHP常见数组函数用法小结
2016/03/21 PHP
PHP对象实例化单例方法
2017/01/19 PHP
javascript全局变量封装模块实现代码
2012/11/28 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
table insertRow、deleteRow定义和用法总结
2014/05/14 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
jQuery常见面试题之DOM操作详析
2017/07/05 jQuery
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python中的异常处理简明介绍
2015/04/13 Python
python使用super()出现错误解决办法
2017/08/14 Python
python爬虫获取多页天涯帖子
2018/02/23 Python
python unittest实现api自动化测试
2018/04/04 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
Numpy(Pandas)删除全为零的列的方法
2020/09/11 Python
Python基于staticmethod装饰器标示静态方法
2020/10/17 Python
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
北承题目(C++)
2012/05/16 面试题
程序员岗位职责
2013/11/11 职场文书
致400米运动员广播稿
2014/02/07 职场文书
工商管理自荐书
2014/07/06 职场文书
《微笑着面对生活》优秀演讲稿范文
2014/09/23 职场文书
教师遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
机修车间主任岗位职责
2015/04/08 职场文书
Java 多态分析
2022/04/26 Java/Android