JS如何获取select的值

JavaScript013

JS如何获取select的值,第1张

<select >标签有 value 属性,存储的就是当前所选择的选项值。

可以按如下方式获取:

var select = document.getElementById('mySelect')

alert( select.value )

思路:通过id获取<select>对象,然后循环获取select对象的option的文本值,关键代码如下:

obj = document.getElementById(select_id)

str = []

for(i=0i<obj.lengthi++)

  str[i] = obj[i].text

下面进行实例演示:

1、HTML结构

<select id="test">

<option value="1">test1</option>

<option value="2">test2</option>

<option value="3">test3</option>

</select>

<input type='button' value='获取' onclick="fun()"/>

2、javascript代码

function fun(){

obj = document.getElementById("test")

str = []

for(i=0i<obj.lengthi++){

str[i] = obj[i].text

}

alert(str)

}

3、点击按钮后显示获取到的下拉列表项数组元素

JS 控制select选中项,代码如下:

<html>

<script type="text/javascript">

var selectedValue = '<%= request.getAttribute("line")%>'

function changeSelected(){

jsSelectItemByValue(document.getElementById("mySelect"),selectedValue)

}

function jsSelectItemByValue(objSelect,objItemText) {

for(var i=0i<objSelect.options.lengthi++) {

if(objSelect.options[i].value == objItemText) {

objSelect.options[i].selected = true

break

}

}

}

</script>

<body onload="changeSelected()">

<select id="mySelect" name="mySelect">

<option value="0">0</option>

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

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

<option value="3">3</option>

</select>

</body>

</html>