Управление элементом Select в форме

Question

Я пытаюсь программно автоматически заполнить мою информацию в форме, например this (форма тестирования Stripe), однако у меня возникают проблемы с заполнением / выбором некоторых полей.

Например , простое изменение атрибута значения узла не работает для таких полей, как поле cardNumber, а изменение атрибута selectedIndex для страны не имеет никакого эффекта.

Пример: selectedIndex = 40 из другого индекса, например 3 дает вам Канаду, и если это сделать вручную, появится поле Почтовый индекс. Однако у меня возникли проблемы с программным обеспечением, просто изменив selectedIndex

Answer 1

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

var select = document.getElementById('billingCountry')

select.dispatchEvent(new Event('change', { 'bubbles': true }))