Navegando encontré una manera para ocultar una option
de varios select
dependiendo de la id
, eso me ayudó mucho.
Lo que estoy intentado de hacer es que al cambiar la option
esta vuelva a ser visible en todos los select
para poder seleccionarla.
No es nada del otro mundo, son 9 select
con las mismas opciones y 2 de ellos tienen la misma id
para el ejemplo.
$(document).on('change','.sel',function(){
//aqui oculta la option de los demas select
$('#one select').siblings().find('option[value="'+$(this).val()+'"]').hide();
});
$(document).ready ( function(){
//esta es una prueba para ocultar una option al cargar, no es importante
var id = 1;
$('#one select').siblings().find('option[value="'+id+'"]').hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr id="one">
<td>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
</td>
</tr>
<tr id="one">
<td>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
</td>
</tr>
<tr id="dos">
<td>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
<select class="sel">
<option>Selecciona</option>
<option value="1">One</option>
<option value="2">Tow</option>
<option value="3">Three</option>
<option value="4">Ford</option>
<option value="5">Five</option>
<option value="6">Six</option>
<option value="7">Seven</option>
<option value="8">echt</option>
<option value="9">nine</option>
<option value="10">then</option>
</select>
</td>
</tr>
</table>