在单击下拉菜单上运行javascript函数

Question

如何在HTML页面中运行javascript函数，只有当下拉菜单被选中时，才能在该菜单中选择任何选项。当下拉菜单被点击时，我运行Query，如下所示：

$("#_id").click(function () {

然后，当我在同一下拉菜单中选择某些内容时，脚本再次运行。当它在下拉菜单上被点击时，当一个选项被选中时。选择某项时，如何防止再次运行？

Answer 1

用例是什么？我们更喜欢下拉菜单，而不是只在我们改变它们的时候做一些事情。

要回答此问题，请执行以下操作：

单击前的鼠标按下触发器

点击并按住鼠标即可看到鼠标按下，松开即可看到点击

​

$("#_id").on("click",function() { console.log("clicked")});
$("#_id").on("mousedown",function() { console.log("mousedown")});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<select id="_id">
<option value="">Please select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

​