Tengo este código en PHP que me repite 10 veces el mismo select con la misma información.
for ($i=1; $i < 11; $i++)
{
$output.='
<div class="form-group">
<label>Prioridad '.$i.' de horario</label><br>
<select class="form-control selectDisable">
<option selected disabled>Elige una opción</option>
<option value="1">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Lunes</option>
<option value="2">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Martes</option>
<option value="3">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Miércoles</option>
<option value="4">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Jueves</option>
<option value="5">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Viernes</option>
<option value="6">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Sábado</option>
<option value="7">Horario: 00:00 - 00:00 Break: 00:00 - 00:00 Descanso: Domingo</option>
</select>
</div>';
}
Esto tengo con Jquery que me elimina la opción seleccionada en los demás select
$(document).on('change','.selectDisable',function(){
$(this).siblings().find('option[value="'+$(this).val()+'"]').remove();
});
El problema es que no lo ejecuta, al parecer por el <div class="form-group">
ya que al parecer no está encontrando hermanos dentro del mismo DIV.
Ya había hecho la pregunta anteriormente aqui:
Insisto, si quito el div del form-group lo hace bien, pero como puedo manejarlo con esa clase, he pensado en
$(document).on('change','.selectDisable',function(){
$(this).closest('.form-group').find('.selectDisable').siblings().find('option[value="'+$(this).val()+'"]').remove();
});
Pero no me salió, alguna sugerencia?