JavaScript 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/otp9 著作权归作者所有。请勿转载和采集!