Estoy tratando de ejecutar una función tan pronto como se seleccione una opción. Mi código funciona perfectamente en Firefox pero no hay respuesta ni error en Google Chrome. Probé diferentes soluciones encontradas en StackOverflow pero nada ayudó. Las soluciones que probé incluyen agregar javascript como un archivo externo. Intenté usar window.addEventListener pero nada funciona en Chrome.

EDITADO (LAS SOLUCIONES QUE PROBÉ):

solucion 1

solución 2

solución 3

HTML:

 <div class="col-12"> <label for="username" class="form-label">Select Plan</label> <select id="selections" class="form-select" aria-label="Default select example"> <option class="dropdown_option" id="1" value="plan1">plan1</option> <option class="dropdown_option" id="2" value="plan2">plan2</option> <option class="dropdown_option" id="3" value="plan3">plan3</option> <option class="dropdown_option" id="4" value="plan4">plan4</option> </select> </div>

JS (EDITADO):

 h = document.getElementsByClassName('dropdown_option'); for (var i = 0; i < h.length; i++) { h[i].addEventListener('click', function() { console.log(this.innerHTML); retrieveplans(this.innerHTML); }) }