JavaScript实现点击文本自动定位到下拉框选中操作
更新时间：2016年06月15日 14:58:11 作者：宏仔很忙
这篇文章主要介绍了JavaScript实现点击文本自动定位到下拉框选中操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js点击文本自动定位到下拉框选的具体代码，供大家参考，具体内容如下
<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自身只实现了封装，而没有实现继承和多态。2009-07-07
本篇文章的主要内容包括高级动画、像素操作、性能优化等知识点，讲解每个知识点的同时还会有一些酷炫的demo。下面跟着小编一起来看下吧2016-12-12
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
这篇文章主要介绍了javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法,涉及javascript表格操作及按钮实现表格切换的技巧,需要的朋友可以参考下2015-05-05
JS中append字符串包含onclick无效传递参数失败的解决方案
这篇文章主要介绍了JS中append字符串包含onclick无效传递参数失败的解决方案,需要的朋友可以参考下2016-12-12
本篇文章主要介绍了解决bootstrap下拉菜单点击立即隐藏bug的方法，具有一定的参考价值，有兴趣的可以了解一下2017-06-06
这篇文章主要介绍了Echarts地图添加引导线效果(labelLine)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了微信jsdk录音功能的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
游戏人文件夹程序 ver 4.03...2006-07-07
在项目开发中遇到这样的需求，扫描二维码打开app如果用户没有这个app则提示它跳转，怎么实现呢？下面小编给大家分享通过扫描二维码打开app的实现代码，感兴趣的朋友参考下吧2016-11-11
javascript:history.go()和History.back()的区别及应用
为提高用户体验度，可能会使用到刷新 前进 后退等相关更能，本文将以此问题详细介绍javascript:history.go()和History.back()的区别及应用，需要的朋友可以参考下2012-11-11
最新评论