如何在js中下拉列表选中某个值？

JavaScript019

如何在js中下拉列表选中某个值？,第1张

<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>

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法：创建一个新的option节点，然后添加到目标select对象中去，关键代码如下：

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下：

1、HTML结构，包括一个select项，含有三个options。另外，设置input和button,通过自由父子，实现给select增加自定义option。

此时的显示效果如下，其中option中有三项。

2、JS的函数设计如下：

现有的options如下：

3、在页面上输入新的数据，点击添加。

此时的select效果显示如下，自由添加功能实现。

用JS判断下拉框是否选中，下面例子中，如果下拉框的值是空的，那么会弹出一个提示框，如果选中了值，那么就执行代码了，参考如下：

<title>Js判断下拉框</title>

<script>

function ss(){

var slt=document.getElementById("aa")

if(slt.value==""){

alert("请选择一个项目")

return false

}

return true

}

</script>

<form method=post onsubmit=" return ss()">

<select id="aa">

<option value="">请选择</option>

<option value="1s">一</option>

<option value="2u">二</option>

</select>

<input type=submit value="提交">

</form>