[SOLUCIONADO] Opciones de varios select

[Supay]

Hola, tengo una duda, tengo varios select (dos en concreto) con las mismas opciones. Voy a poner el ejemplo real para explicarme bien:

<select>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>

<select>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>

Lo que me gustaría es que si en la primera lista selecciono la opción 2, en la siguiente no pueda elegirla. Por ejemplo si selecciono la opcion 2 quedase algo así:



<select>
<option value="1">Opcion 1</option>
<option value="2">Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>

<select>
<option value="1">Opcion 1</option>
<option value="2" disable>Opcion 2</option>
<option value="3">Opcion 3</option>
<option value="4">Opcion 4</option>
</select>


Espero haberme explicado.

Muchas gracias

[comablck]

tendrias que identificar ambos select con un id por ejemplo.. y tener de primera instancia un select.. que al ser seleccionado un valor este lo compare con los valores del otro select para desabilitarlo.


--
Entra a mi canal en Youtube para ver tutoriales utiles de desarrollo front-end.
https://www.youtube.com/channel/UCsH...wdzUTNNWqwPDsg

[Alexis88]

Para no tener conflictos entre los combos, les asignaría un Id y según el valor que seleccione en el primero de ellos, mediante un bucle, busco entre las opciones del segundo alguna coincidencia entre los valores de estos y el del valor seleccionado en el primer combo. Si son iguales, se inhabilita la opción equivalente, caso contrario, se la habilita (en caso haya sido inhabilitada previamente).



Saludos

[Supay]

Genial! Muchas gracias. Justo lo que buscaba.