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

来源：互联网发布：windows.com 编辑：程序博客网时间：2024/05/18 15:53

自己写了一个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>