如何在select元素上触发单击事件？(不改变)

Question

在下面的代码中，当我更改所选内容时，将出现一个alert。我试图使这个函数像单击option时那样，然后它将显示一个alert。

​

$(document).ready(function() {
  $("#x").change(function() {
    alert("Haha");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="x">
  <option selected>A</option>
  <option>B</option>
  <option>C</option>
</select>

​

在下面的代码中，当我单击已经选择的选项时，没有任何效果。例如，a被选中，然后我单击a没有效果。

​

$(document).ready(function() {
  $("#x").on("option", "click", function() {
    alert("Haha");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="x">
  <option selected>A</option>
  <option>B</option>
  <option>C</option>
</select>

​

因为我想在重新单击所选选项时触发事件。

单击“选择”框->下拉菜单->单击选定选项->触发器事件

有谁可以帮我？

Answer 1

您试过使用select绑定吗?例如：

$('#x').bind('click', function(){
    console.log('Clicked') 
 });

如果这不起作用，就告诉我。谢谢希望能帮上忙。

Answer 2

您需要在单击下拉列表时执行代码吗？

如果是的话，这是你的密码

https://jsfiddle.net/shoesheill/gjLyxo5d/6/

如果没有，请与您的要求一起留下评论。

$(document).ready(function() {
  $("#x").off().on('click',function() {
    alert("Haha");
  });
});