javascript - 触发选项不执行 jquery 中的 ajax 调用

Question

我正在加载页面时选择一个选项。该选项被选中，但负责选择选项的ajax请求没有被调用..任何人都知道如何摆脱这个问题。提前致谢下面是我的代码...

    $(document).ready(function(){
        $('#allowance_id').val(2).click()


  $(document).on('change', '#allowance_id', function(){
     ajax: {
        //some ajax work
     },

});


    })

当我自己更改选项但不使用触发器时，ajax 执行正常工作

Answer 1

尝试像这样使用trigger。$('#allowance_id').val(2).trigger('change');

$(document).ready(function() {
  $(document).on('change', '#allowance_id', function(e) {
    console.log('make ajax call')
  });
  
  $('#allowance_id').val(2).trigger('change');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="allowance_id">Choose a car:</label>

<select id="allowance_id">
  <option value="0">Volvo</option>
  <option value="1">Saab</option>
  <option value="2">Mercedes</option>
  <option value="3">Audi</option>
</select>