怎么在js中获得select标签被选中的值

JavaScript017

怎么在js中获得select标签被选中的值,第1张

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>

获取当前选中项的value

$(".selector").val()

获取当前选中项的text

$(".selector").find("option:selected").text()

可以直接更改option的选择属性，jquery可以设置select的值为空。

select当中的选项在选中的时候会带有选择属性，区别于其他option元素，所以更改这个属性可以清楚选择。

jquery则可以很方便设置select的值，清空也比较简单。