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