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

Question

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

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

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

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

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

Обратите внимание, это не повторяющийся вопрос.

Answer 1

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

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