tengo dos select
funcionan con el evento onchange
pero quiero que si vuelvo a seleccionar el mismo valor del segundo select
me vuelva a ejecutar su funcion de callback... Ejemplo: si en el select consulta selecciono el valor "prevision" muestra el console.log
con el texto del anno y el numero de la seleccion, pero al cambiar el anno y seleccionar nuevamente el valor no mostraria nada pq nada cambia en el segundo select... que evento puedo utilizar para esto, o que podria hacer... Gracias de antemano
window.addEventListener('load', function () {
//Declaramos la variable global
let annoSeleccionado = "";
//valor del anno en en select
const selectAnno = document.getElementById("annos");
selectAnno.addEventListener('change', function () {
annoSeleccionado = parseInt(this.options[selectAnno.selectedIndex].value);
console.log(annoSeleccionado);
});
//selecciono el select de valores
var valorseleccionado = document.getElementById('select');
//tomo el valor del select cuando cambie y muesto los datos de interes
valorseleccionado.addEventListener('change', function () {
const opcion = this.options[select.selectedIndex].value;
//de nuevo podemos acceder a la variable sin problemas
console.log('Se ha seleccionado la combinación', annoSeleccionado,'y', opcion);
});
});
<div>
<div class='elementos'>
<label for="SelAnno">Anno</label>
<select name='SelAnno' id='annos'>
<option value="-1">Selecciona Año</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
</select>
</div>
</div>
<div>
<div class='elementos'>
<label for='pruebas'>Consulta</label>
<select name="pruebas" id="select">
<option>Selecciona</option>
<option value="1">Prevision</option>
<option value="2">Otros datos</option>
</select>
</div>
<div class='menulateral ' id='lateral'>
</div>
</div>