js select 事件

作者：旭旭移日发布日期:2026-07-17 浏览:70

// HTML 部分
<select id="mySelect">
  <option value="1">选项 1</option>
  <option value="2">选项 2</option>
  <option value="3">选项 3</option>
</select>

// JavaScript 部分
document.getElementById('mySelect').addEventListener('change', function() {
  // 当用户选择不同的选项时触发此事件
  console.log('选中的值是:', this.value);
});

// 解释说明：
// 1. 上面的代码创建了一个下拉菜单（<select> 元素），其中包含三个选项。
// 2. 使用 `addEventListener` 方法为该下拉菜单绑定了一个 'change' 事件监听器。
// 3. 当用户选择了不同的选项时，会触发 'change' 事件，并在控制台输出选中的值。

上一篇：js 获取当前位置

下一篇：js query