JavaScript select选择值改变触发事件

2021-04-20 罗分明网络博客 Web前端 5385

首次发布：2021-04-20

<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>select选择值改变触发事件</title>
</head>
<body>
    <select id="oad" onchange="displayData()">
        <option value="1">功率</option>
        <option value="0">电流</option>
    </select>
    <script>
        function displayData() {
            var select = document.getElementById('oad');
            var oadTitle = select.options[select.selectedIndex].innerText;
            alert(oadTitle);
        }
    </script>
</body>
</html>