javascript - 触发选择框的 onChange 事件(Jquery Chosen)

Question

我正在处理 Jquery Chosen Select 的 onChange 事件。我对 onChange 事件的行为没有什么困难。详情如下: 选择框:

$("#SelectBox").change(function() {
  $("#SelectBox").val('A').trigger("liszt:updated");
});

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

在上述情况下，用户将能够看到原始文本 (A)，但他再次选择 B 然后 onchange 事件将不会触发。

那么如何在上面的场景中调用onchange事件。

Answer 1

您需要询问用户是和否，您可以通过使用标准的 JavaScript 确认框来完成，它会显示确定或取消，但您可以将其替换为 JQuery 插件，它会确切地说是或否。为了给出一个想法，我在此处放置了默认确认框。希望这有帮助

$("#SelectBox").change(function ()
    {
      // when user selects B then
     // it will show Yes/No Type Alert using sweet alert
     var txt;
var r = confirm("Press a button!");
if (r == true) {
  $("#SelectBox").val('B').trigger("liszt:updated");
} else {
    $("#SelectBox").val('A').trigger("liszt:updated");
   
}
    // if user press **YES** then it will set the select box text as B
    // if user press **NO** then it will again set the old value (A) to the select box. 


//following code will set the old value.
        

    });

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