<select name="r_house" id="r_house">
<option value="选项1">选项1</option>
<option value="选项2" selected>选项2</option><!--如果想直接在html中选定某项,给该项加个selected属性即可,不需要编程-->
<option value="选项3">选项3</option>
<option value="选项4">选项4</option>
<option value="选项5">选项5</option>
<option value="选项6">选项6</option>
</select>
<script>
window.onload=function(){
//如果一定要js代码实现,可以这样:
//方法一(假定选定第3项,下同):
r_house.value="选项3"
//方法二:
r_house.options[2].selected=true
//方法三:
r_house.children[2].selected=true
//方法四:
r_house.getElementsByTagName("option")[2].selected=true
//方法五:
r_house.querySelectorAll("option")[2].selected=true
//还有N多种方法此略
}
</script>
1、首先我们打开软件进入代码编辑按照图示代码先创建一个下拉框。
2、要运行后网页界面如此显示下拉框。
3、接下来我们按照图示代码用js来获取被选中的值。
4、首先我们通过selectedIndex来获得被选中的下标,再通过下标来获得值。
5、当然,如果你是用jquery的话可以按照图示代码进行设置依然可以获得下拉框的值。
javascript设置下拉框选中项通常有以下两种方法: 直接设置下拉框的value属性值,即可将option选项中相应value值选项选中。 循环判断option的value值,将满足条件的option的selected属性设置为true。