опция триггера не выполняет ajax вызовов в jquery

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>