Jquery - Проверьте, изменилось ли значение поля выбора из другого кода JS

Question

Я знаю, что вы можете использовать метод "onChange", но onChange не срабатывает, если я изменяю значение по коду, например:

<select id='selectBox' onChange='alert("changed")'>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<select>

<script>
$(document).ready(function() {
$('#selectBox').val('3');  
});
</script>

Когда документ загружается, я бы хотел, чтобы оповещение "изменилось" на всплывающее ... Это возможно?

Answer 1

Вы можете попробовать запустить событие change вручную, например так:

$('#selectBox').val('3').change();

Answer 2

Вы можете использовать событие изменения jQuery и затем вызывать его, когда вы меняете его из кода, например:

$(document).ready(function() {
  $('#selectBox').change(function() {
    alert("changed")
  });

  $('#selectBox').val('3');
  $('#selectBox').change(); // this will  trigger change event
});