Tengo un problema al validar los indexes de las opciones seleccionadas en un select ya que el evento solo se ejecuta en el utlimo select, al ser el index seleccionado == 0 , es como si el for no funcionara
el boton se debe activar solo si ambos select estan en un index que no sea 0 pero al seleccionar index 0 en el select numero 1 e index 1 en el select 2 el boton sigue activo.
let btn = document.getElementById("btn");
let list = document.getElementsByClassName("options");
btn.disabled = true;
for (item of list){
item.addEventListener('mouseout', function(){
if(item.options.selectedIndex === 0){
btn.disabled = true
}else if (item.options.selectedIndex !== 0){
btn.disabled = false
}
}, false)
}
<select class="options"name="" id="">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select class="options"name="" id="">
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<button id="btn">Submit</button>