事件名称: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 事件,当选中的选项发生变化时,会将选中的选项的值打印到控制台上。

JavaScript change 事件:监听选择框选项变化

原文地址: https://www.cveoy.top/t/topic/otp9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录