Tengo 3 selects
, quiero que cuando se elija uno se borre de los otros 2 pero sin borrar el primero. Es posible?
<select class="sel">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
<select class="sel">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
<select class="sel">
<option value="1"></option>
<option value="2"></option>
<option value="3"></option>
</select>
<script>
$(document).on('change','.sel',function(){
var opcion = $(this).val();
$('.sel').each(function(){
$('.sel option[value="'+opcion+'"]').remove();
})
});
</script>
Me está eliminando el valor del SELECT de donde lo saqué. Como puedo prevenir eso?