javascript - 通过触发器的Jquery更改方法不起作用

Question

HTML：

<select id="g_contracts">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

JS：

$(document).ready( function() {
    $("#g_contracts").trigger("change");

    $("#g_contracts").on("change", function() {
         alert(44);
    });
});

好吧，当我直接更改选择器时会发生警报，​​但trigger("change")不会导致任何事情。

我错过了什么？

https://jsfiddle.net/c7t398mf/2/

标签： javascriptjquery

Answer 1

trigger() 方法触发选定元素的指定事件和事件的默认行为（如表单提交）。

    $(document).ready( function() {
    
      $("#g_contracts").on('change',function(){
        alert("44");
      });

      $("#g_contracts").trigger('change');

    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <select id="g_contracts">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>