这篇文章主要介绍了 js 实现下拉列表选中某个值的方法, 涉及 JavaScript 针对 select 下拉列表选择操作的相关技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 js 实现下拉列表选中某个值的方法。分享给大家供大家参考,具体如下:
方法 1:
- <select id="aa">
- <option>
- 1
- </option>
- <option>
- 2
- </option>
- </select>
- <input type="button" value=" 选中" onclick="checkOption()" />
- <script language="javascript" type="text/javascript">
- function checkOption() {
- document.getElementById("aa").options[1].selected = true;
- alert("选中了2");
- }
- </script>
方法 2:
有一个如下的 drop down
- <select name="">
- <option value="1">
- 11
- </option>
- <option value="2">
- 22
- </option>
- <option value="3">
- 33
- </option>
- .......
不在表单之内的下拉列表框 mycombo 的操作
- document.all( "mycombo ").selectedIndex=2 // 成功选中"苹果"这一项
- mycombo.selectedIndex=2 // 成功选中"苹果"这一项
- document.mycombo.selectedIndex=2 // 失败
在表单 myform 之内的下拉列表框 combo2 的操作
- document.all( "combo2 ").selectedIndex=2 // 成功选中"买水果"这一项
- myform.combo2.selectedIndex=2 // 成功选中"买水果"这一项
- document.myform.combo2.selectedIndex=2 // 成功选中"买水果"这一项
方法 3:
可以通过 value 来赋值。
举例如下:
下拉列表代码如下:
- <select onPropertyChange="showValue(this.value)" id="mysel">
- <option value="">
- </option>
- <option value="1">
- 1
- </option>
- <option value="2">
- 2
- </option>
- <option value="3">
- 3
- </option>
- </select>
- <input type="button" value="changevalue" onclick="setvalue();">
JS 函数代码如下:
- function setvalue() {
- document.getElementById("mysel").value="2";
- }
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: