Как вызвать событие в поле ввода изменилось с помощью JavaScript

Question

REWRITE: у меня есть поле выбора со связанным событием onchange.

<select id='customer' onchange='loadRate(this.value)'>

В некоторый момент в моем коде я назначаю значение этому полю выбора с помощью Javascript.

document.getElementById('customer').value = "Main St Packaging";

Почему это не вызывает событие onchange?Как мне это исправить, чтобы оно работало?Прямо сейчас я делаю это, написав явно:

loadRate('Main St Packaging')

но мне было интересно, есть ли лучший способ.

Answer 1

Попробуйте вызвать метод "onchange" явно:

var el = document.getElementById('customer');
el.value = "Main St Packaging";
el.onchange(); // Will run "loadRate(this.value)", per your HTML.