select标签选择事件
时间: 2023-07-05 22:21:19 浏览: 94
select选择事件
5星 · 资源好评率100%
当用户在一个 `select` 标签中选择一个选项时,可以触发 `onchange` 事件。可以通过添加一个 `onchange` 属性来指定一个 JavaScript 函数来处理选择事件。例如:
```html
<select onchange="myFunction()">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<script>
function myFunction() {
var selectedOption = document.querySelector('select').value;
console.log("Selected option: " + selectedOption);
// Do something with the selected option
}
</script>
```
在上面的例子中,当用户选择一个选项时,`myFunction` 函数将被调用,并且 `selectedOption` 变量将包含所选选项的值。你可以根据这个值执行任何操作。
阅读全文