Question

我将 onclick 事件添加到了我的选择标签中，如以下代码所示-

<option onclick="alert('Hello')">Say Hello</option>

但是它不起作用。...

如何设置选项 onclick 事件来触发？

Answer 1

在onchange处理程序中尝试：

function checkAlert(evt) {
  if (evt.target.value === "Say Hello") {
    alert('Hello');
  }
}

<select onchange="checkAlert(event)">
  <option>Test</option>
  <option>Say Hello</option>
</select>

Answer 2

您应该在select元素本身上使用onchange事件。

<select onchange="alert('hello')">
    <option value="0">Say Hello</option>
    <option value="1">Some other option</option>
</select>

希望有帮助，

Answer 3

我更喜欢使用ID添加事件侦听器，以将您的代码与html分开，因此我将ID添加到您的选择标签中，例如使用“ my-select ”，然后按其ID选择此标签并添加 onchange 事件监听器。这是代码：

<select id="my-select">
    <option value="1">Say Hello</option>
</select>
<script>
document.getElementById("my-select").addEventListener("change", printMsg);
function printMsg() {
    alert("Hello");
}
</script>

将onclick事件添加到html选择选项

3 个答案: