为Select Box触发onChange事件(Jquery Chosen)

时间:2018-01-05 16:14:02

标签: javascript jquery html

我正在研究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事件。

1 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
mHomeLayout = true
&#13;
$("#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.
        

    });
&#13;
&#13;
&#13;