JS获取 select标签里的值

最新推荐文章于 2024-05-03 13:26:42 发布

原创最新推荐文章于 2024-05-03 13:26:42 发布 · 613 阅读

1 ·

CC 4.0 BY-SA版权

java script 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用JavaScript操作HTML中的select元素，通过getElementById和options属性获取选中的值。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>js获取 select标签中的值</title>
<script type="text/javascript">
function test(){
    var obj = document.getElementById("mySelect");
    var index = obj.selectedIndex; 
    var text = obj.options[index].text; 
        alert(text);
}
</script>
</head>
<body>
    <select id="mySelect" onchange="test()">
        <option value="你好js" >你好js</option>
        <option value="你好jq" >你好jq</option>
    </select>
</body>
</html>