Как я могу инициировать событие изменения для HTML Select (выпадающий список)?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

На моей HTML-странице есть кнопка и раскрывающийся список выбора (поле со списком). Выпадающее событие изменения выглядит следующим образом:

 $('#DDL_ID').on('change', function (e) {
    // Some Code Here
});

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

 $('#BTN_ID').on('click', function (e) {
    $('#DDL_ID').val('123');
});

Когда я нажимаю на кнопку, значение выпадающего списка изменяется, но событие изменения выпадающего списка не запускается. Кто-нибудь может мне помочь в этом?

Пожалуйста, обратите внимание, что это не дублирующий вопрос.

Ответ №1:

Настройка val() через jquery не приведет к автоматическому запуску события для элемента … поэтому вам нужно сделать это вручную trigger() …

 $('#BTN_ID').on('click', function (e) {
  $('#DDL_ID').val('123').trigger('change');
});