JS获取Select标签的选取值和文本

最新推荐文章于 2023-02-14 09:15:44 发布

jnshunsheng

最新推荐文章于 2023-02-14 09:15:44 发布

阅读量686

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript button function html

本文链接：https://blog.youkuaiyun.com/jnshunsheng/article/details/7591333

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript从HTML下拉选择框中获取选中项的文本和值的方法，并提供了一个简单的示例来演示如何实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己写了一个js

function getSelect(elementId) {
    var selectElement = document.getElementById(elementId);
    var selectedOptioin = selectElement.options[selectElement.selectedIndex];
    var selectedText = selectedOptioin.innerText;
    var selectedValue = selectedOptioin.value;
    return { text: selectedText, value: selectedValue };
}

html页面

<head>
    <title></title>
    <script src="Scripts/getSelectedValue.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
        function GetSelect() {
            var selPro = getSelect("selPro");
            alert(selPro.text + "   "+ selPro.value);
        }
    </script>
</head>
<body>
<select id='selPro'>
<option value='1'>语文</option>
<option value='2'>数学</option>
<option value='3'>英语</option>
<option value='4'>其他</option>
</select>