js中怎么获取option的值?

JavaScript027

js中怎么获取option的值?,第1张

js中获取方法

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

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

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

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

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

</head>

<body>

<select id="sel" onchange="cge()">

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

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

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

</select>

</body>

<script>

function cge(){

var sel=document.getElementById('sel')

                var sid=sel.selectedIndex

alert(sel[sid].value+'-'+sel[sid].innerHTML)

}

</script>

</html>

jq的话就一句

$("#sel option:selected").text()

$("#sel option:selected").val()

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值了,效果图: