Skip to main content
se eliminaron 2 caracteres en el cuerpo
Origen Enlace
Julian
  • 349
  • 1
  • 2

Claro, puedes hacerlo fácilmente con jquery. En el evento onChange cuando sabes cuál opción fue seleccionada, puedes obtener los elementos que no han sido seleccionados 'option:not(:selected)' y clonarlos en el segundo select.

$(function(){
  $("#select1").on('change', function() {
    $("#select2").html(
      $(this).find('option:not(:selected)').clone(); 
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option>05:00 - 06:00</option>
  <option>06:00 - 07:00</option>  
  <option>07:00 - 08:00</option>  
</select>

<select name="select2" id="select2"></select>

Claro, puedes hacerlo fácilmente con jquery. En el evento onChange cuando sabes cuál opción fue seleccionada, puedes obtener los elementos que no han sido seleccionados 'option:not(:selected)' y clonarlos en el segundo select.

$(function(){
  $("#select1").on('change', function() {
    $("#select2").html(
      $(this).find('option:not(:selected)').clone(); 
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option>05:00 - 06:00</option>
  <option>06:00 - 07:00</option>  
  <option>07:00 - 08:00</option>  
</select>

<select name="select2" id="select2"></select>

Claro, puedes hacerlo fácilmente con jquery. En el evento onChange cuando sabes cuál opción fue seleccionada, puedes obtener los elementos que no han sido seleccionados 'option:not(:selected)' y clonarlos en el segundo select.

$(function(){
  $("#select1").on('change', function() {
    $("#select2").html(
      $(this).find('option:not(:selected)').clone()
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option>05:00 - 06:00</option>
  <option>06:00 - 07:00</option>  
  <option>07:00 - 08:00</option>  
</select>

<select name="select2" id="select2"></select>

Origen Enlace
Julian
  • 349
  • 1
  • 2

Claro, puedes hacerlo fácilmente con jquery. En el evento onChange cuando sabes cuál opción fue seleccionada, puedes obtener los elementos que no han sido seleccionados 'option:not(:selected)' y clonarlos en el segundo select.

$(function(){
  $("#select1").on('change', function() {
    $("#select2").html(
      $(this).find('option:not(:selected)').clone(); 
    );
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="select1" id="select1">
  <option>05:00 - 06:00</option>
  <option>06:00 - 07:00</option>  
  <option>07:00 - 08:00</option>  
</select>

<select name="select2" id="select2"></select>