如何选择选择的选项[重复]

Posted 2023-03-11

【中文标题】如何选择选择的选项[重复]

【英文标题】：How to select option of select [duplicate]

【发布时间】：2018-11-07 23:41:42

【问题描述】：

我想在选择任何选项时调用一个函数。像这样的：

$("option").click(() => 
  alert("hi")
)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selectID">
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

但它无法以某种方式工作。 谁能帮忙。

请注意

我不想捕获更改事件，如果我选择已选择的选项则不会触发

【问题讨论】：

监听选择元素 (.on('input', ...)) 上的输入事件，而不是选项上的点击事件。

$("select").on('change', function() alert("hi") )

您可以使用 onchange() 来获取事件。 选项A 选项B函数leaveChange( ) var value = document.getElementById("select").value

我不想捕获更改事件，如果我选择已选择的选项则不会触发

@Teemu 请阅读以上评论

【参考方案1】：

这对你有帮助

$("#selectID").on('change',() => 
  alert("hi")
 )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<select id="selectID">
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

【讨论】：

请投票关闭这样明显的重复项。所有回答都是为了防止 Roomba 删除它。

@RoryMcCrossan，他们问我们，尽我们所能提供帮助

这就是为什么我们投票关闭作为重复项并将链接放在顶部。一个基本问题的 10,000 次重复对任何人都没有帮助。

我不想捕获更改事件，如果我选择已选择的选项，则不会触发。请看这个

@manishkumar，将“更改”更改为“点击”，它会按您的预期工作