阅读量:4
HTML的<select>
元素可以使用onchange
事件来监听选项的改变。当用户选择不同的选项时,onchange
事件会被触发。
例如,下面是一个简单的例子,当用户改变选项时,会弹出选中的选项的值:
<select id="mySelect" onchange="myFunction()"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> <option value="option3">Option 3</option> </select> <script> function myFunction() { var selectedOption = document.getElementById("mySelect").value; alert("Selected option: " + selectedOption); } </script>
在这个例子中,<select>
元素有一个id
为mySelect
,onchange
事件被绑定到myFunction()
函数上。当用户改变选项时,会调用myFunction()
函数。myFunction()
函数通过document.getElementById("mySelect")
获取到<select>
元素,并使用value
属性来获取选中的选项的值。然后,使用alert()
函数弹出选中的选项的值。
请注意,这只是一个简单的示例,你可以根据自己的需求编写相应的逻辑。