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

JavaScript05

怎么在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>

1、首先输入下方中的代码:

var obj = document.getElementByIdx_x(”testSelect”)//定位id

var index = obj.selectedIndex// 选中索引

2、然后继续输入下方中的代码:

var text = obj.options[index].text// 选中文本

var value = obj.options[index].value// 选中值

3、最后运行了就可以获取到select的option值了,效果图:

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码,选中选项2。

2、在index.html中的<script>标签,输入js代码:

var value = $('#myselect').val()

var text = $('#myselect').find("option:selected").text()

$('body').append('value=' + value + ',text=' + text)

3、浏览器运行index.html页面,此时成功获得到选中的选项的值和文本并打印了出来。