Estoy escribiendo una extensión de Chrome donde necesito simular los clics de los usuarios en una página web antes de pegar información en los campos. La página tiene un cuadro de lista con onchange javascript (no mío) adjunto. Dependiendo de la selección del cuadro de lista, la página muestra diferentes tipos de información. Básicamente, quiero ejecutar una serie de dispatchEvents.

El problema que tengo es que necesito esperar hasta que el javascript de cambio en el cuadro de lista termine antes de pasar al siguiente evento de envío para referirme a los nuevos elementos creados por el javascript de cambio. ¿Cómo puedo hacer eso?

Si solo hago una llamada como esta:

 elmt = document.getElementById('freightServiceSelect'); elmt.selectedIndex = 24; elmt.dispatchEvent(new Event("change"));

funciona bien. Pero si luego agrego la siguiente llamada inmediatamente después, así:

 elmt = document.getElementsByName("freightServiceAddon")[0]; elmt.checked = true; elmt.dispatchEvent(new Event("click"));

se ejecuta inmediatamente y el elemento "freightServiceAddon" no está definido en ese momento.