如何再次触发相同的选项?

时间:2019-01-18 15:04:03

标签: jquery select onclick onchange

是否可以再次触发相同的选项并获得警报:

  $(document).on('change', '.item-select', function() {
    
    var optionValue = $(this).val();
    alert(optionValue);

  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


 <select class="item-select">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 

我想单击Saab并获得警报Saab,然后立即再次单击Saab并获得警报。

1 个答案:

答案 0 :(得分:1)

添加一个空白值并重置不会触发change事件的选择。

我认为您已经问过this question here

$(document).on('change', '.item-select', function() {
  var optionValue = $(this).val();
  $('option', this).first().prop('selected', true)
  alert(optionValue);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<select class="item-select">
  <option>Select make...</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>