El cambio de tipo de evento se activará cuando se seleccione un elemento diferente del cuadro combinado, pero no se activará cuando se vuelva a seleccionar el mismo elemento. ¿Qué otro tipo de evento o truco/laguna me dará la acción deseada?
const options = document.querySelector('#select'); options.addEventListener('change', function() { // won't be triggered when chosen the item chosen is the same console.log(this.value); }); <select id="select"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> </select>El comportamiento predeterminado y esperado de una selección es el evento de cambio que se activa cuando CAMBIA la selección. Si solo mira las opciones y elige la misma opción que ya estaba seleccionada, entonces no se espera ningún evento. Entonces, si necesita activar cada vez, entonces necesita usar el clic de uso
En cualquier caso, agregue un "Por favor, seleccione" para permitir que el evento se active en las primeras opciones reales
document.querySelector('#select').addEventListener('click', function() { if (this.value) console.log(this.value); }); <select id="select"> <option value="" selected>Please select</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>