时间戳

首页 > 解决方案 > 触发器选项不在 jquery 中执行 ajax 调用

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

问题描述

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

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


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

});


    })

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

标签： javascriptjquery

解决方案

尝试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>

推荐阅读