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

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页面，此时成功获得到选中的选项的值和文本并打印了出来。