<!DOCTYPE html>
<html>
<head>
</head>
<body>
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
<script>
// 1:拿到select对象:
var myselect = document.getElementById("test");
// 2:拿到选中项的索引:
var index = myselect.selectedIndex; // selectedIndex代表的是你所选中项的index
//3:拿到选中项options的value:
alert(myselect.options[index].value);
//4:拿到选中项options的text:
alert(myselect.options[index].text);
//如果是jquery就简单一下
//1:var options=$("#test option:selected"); //获取选中的项
//2:alert(options.val()); //拿到选中项的值
//3:alert(options.text()); //拿到选中项的文本
</script>
</body>
</html>
网友回复