获得下拉列表中的选中值

最新推荐文章于 2023-06-14 11:06:31 发布

菜鸟下山

最新推荐文章于 2023-06-14 11:06:31 发布

阅读量1.3k

点赞数

文章标签： html select

本文链接：https://blog.youkuaiyun.com/huzijia888/article/details/78606926

版权

<!doctype html>
<html>
<head>

<style>
</style>
<script>
function test(){
var tes=document.getElementById("tes");//获取select元素
alert(tes.options["内容值："+tes.selectedIndex].innerHTML+"元素值"+tes.options[tes.selectedIndex].value);//通过selectedIndex获得选中的选项的下标，再通过options[]集合获取选中的option元素
}
</script>
<meta charset="UTF-8">
</head>
<body>
<select id="tes" οnchange="test()">
<option value="帅哥" checked="checked" id="test1">帅哥</option>
<option value="美女" id="test2">美女</option>
<option value="ladybody" id="test3">ladybody</option>
</select>
</body>
</html>