js select onchange

作者：渚寒烟淡发布日期:2025-12-21 浏览:3

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Select onchange Example</h2>

<select id="mySelect" onchange="myFunction()">
  <option value="A">Option A</option>
  <option value="B">Option B</option>
  <option value="C">Option C</option>
  <option value="D">Option D</option>
</select>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("mySelect").value;
  document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>

</body>
</html>

解释说明：

这个示例展示了如何使用 JavaScript 处理 <select> 元素的 onchange 事件。
当用户从下拉菜单中选择一个选项时，会触发 onchange 事件，并调用 myFunction() 函数。
myFunction() 函数获取当前选中的值，并将其显示在页面上的 <p> 元素中。

上一篇：js sm4

下一篇：js change事件