Buenas, he estado buscando por el foro pero no he encontrado ningún tema que se adapte exactamente a lo que necesito.
El caso es que tengo varios selects iguales, todos con las mismas opciones y los mismos values:
Ejemplo:
Código HTML:
<select id="select1" onChange(eliminarOpcion(this.value))>
<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 id="select2" onChange(eliminarOpcion(this.value))>
<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 id="select3" onChange(eliminarOpcion(this.value))>
<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 id="select4" onChange(eliminarOpcion(this.value))>
<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 quiero hacer es que cuando en uno de los selects se selecione una opción (por ejemplo 'opcion 1' en 'select1') esa opción se elimine del resto de los selects...
Lo único que he conseguido es que la primera opción que escojamos se borre correctamente; el resto o se borran solo de algunos de los selects o ponen en blanco los selects ya escogidos anteriormente...
Muchas gracias de antemano por la ayuda