javascript - 在使用JQuery的选择中再次单击相同的选项

我有一个带有Select的下一个代码：

http://jsfiddle.net/pdkg1mzo/18/

问题是，尽管select是当前选择的option，但我想每次单击option clicked时都启动警报。

最佳答案

这可能起作用：

$(function(){
    $(".normal").on("change",function(){
    	//alert("trigger");
      var selectedName = $('#selectId').find(":selected").text();
      console.log('selectedName is: ', selectedName)
      alert(selectedName)
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="normal" id="selectId">
    <option value="18">John</option>
    <option value="18">Lorry</option>
    <option value="19">Jerry</option>
    <option value="20">Smith</option>
</select>

您可以在警报中添加半秒的延迟，因此选择后将显示该名称：

$(function(){
    $(".normal").on("change",function(){
    	//alert("trigger");
      var selectedName = $('#selectId').find(":selected").text();
      console.log('selectedName is: ', selectedName)
      setTimeout(function () {
      //do something once
      alert(selectedName)
      }, 500);
      });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="normal" id="selectId">
    <option value="18">John</option>
    <option value="18">Lorry</option>
    <option value="19">Jerry</option>
    <option value="20">Smith</option>
</select>

关于javascript - 在使用JQuery的选择中再次单击相同的选项，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52485995/