Estoy usando Snippets en las herramientas de desarrollo de un navegador web basado en Chromium (Edge). Estoy tratando de completar un cuadro de selección en un formulario de un sitio web. El problema es que las opciones del cuadro de selección se crean dinámicamente y se basan en una selección de otro cuadro de selección. Cada vez que se realiza la selección 'principal', la página se actualiza y completa las nuevas opciones para el segundo cuadro de selección.

Aquí hay una función que usé para configurar el primer cuadro de selección, sin embargo, no funciona en el segundo. Creo que tiene algo que ver con cuando se actualiza la página, pero no estoy seguro.

 //Find value by entered text function selectElement(selectorType, selector, text) { var e = document.getElementById(selector); //find value of text for (var i = 0; i < e.options.length; i++) { if (e.options[i].text === text) { e.selectedIndex = i; break; } } if (selectorType == "id") { jqSelector = '#'+selector; $(jqSelector).val(e.value).change(); } console.log(jqSelector, e.value); } selectElement('id', 'mySelector', "My Text");