Skip to main content
se añadieron 3 caracteres en el cuerpo
Origen Enlace
rnrneverdies
  • 16.8k
  • 4
  • 53
  • 81

Tengo 3 selectsselects, 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?

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?

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?

Origen Enlace
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?