js select选择器的change事件
时间: 2023-07-21 12:30:49 浏览: 102
js 触发select onchange事件代码
在JavaScript中,可以通过监听select元素的change事件来响应select选择器的值的变化。
以下是示例代码:
```javascript
var select = document.getElementById("selectId");
select.addEventListener("change", function() {
var selectedValue = select.options[select.selectedIndex].value;
console.log("选中的值为:" + selectedValue);
});
```
其中,"selectId"是select标签的id属性。当select的值发生变化时,会触发change事件,并执行事件处理函数。在事件处理函数中,我们可以通过获取select元素的selectedIndex属性来获取当前选中项的索引值,再通过options属性获取选项列表,最后通过索引值获取选中的选项。
阅读全文