Skip to main content
1 de 2
Alberto Siurob
  • 6.5k
  • 7
  • 33
  • 72

Eliminar options de distintos select

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?

Alberto Siurob
  • 6.5k
  • 7
  • 33
  • 72