elselect change事件
事件名称:change
事件描述:当选择框的选项发生改变时触发此事件。
常见应用场景:用于监听下拉列表或单选框的选项变化,以便及时更新页面内容或执行相关操作。
示例代码:
HTML:
<select id="mySelect">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
JavaScript:
document.getElementById("mySelect").addEventListener("change", function() {
var selectedOption = this.value;
console.log("选中了:" + selectedOption);
});
以上代码监听了id为“mySelect”的下拉列表的change事件,当选中的选项发生变化时,会将选中的选项的值打印到控制台上。
原文地址: https://www.cveoy.top/t/topic/f5Ew 著作权归作者所有。请勿转载和采集!