Tema: Pasar options de un select a otro select
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/11/2010, 14:48
Dany_s
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 15 años
Puntos: 65
Respuesta: Pasar options de un select a otro select
pasa de uno al otro
Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplon</title>
  4.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5.     </head>
  6.         <script type="text/javascript">
  7.             $( function (){
  8.  
  9.                 $("#enviar").click( function (){
  10.                     $('#datos option:selected').appendTo("#recibe");
  11.                 });
  12.                 
  13.             });
  14.         </script>
  15.     <body>
  16.         <select id="datos">
  17.             <option>Uno</option>
  18.             <option>Dos</option>
  19.             <option>Tres</option>
  20.             <option>Cuatro</option>
  21.             <option>Cinco</option>
  22.             <option>Seis</option>
  23.         </select>
  24.         <button id="enviar">Enviar</button>
  25.         <select id="recibe"></select>
  26.  
  27.     </body>
  28. </html>

clona y envia al otro
Código HTML: 
Ver original
  1. <html>
  2.     <head>
  3.         <title>Ejemplon</title>
  4.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  5.     </head>
  6.         <script type="text/javascript">
  7.             $( function (){
  8.  
  9.                 $("#enviar").click( function (){
  10.                     $('#datos option:selected').clone().appendTo("#recibe");
  11.                 });
  12.                 
  13.             });
  14.         </script>
  15.     <body>
  16.         <select id="datos">
  17.             <option>Uno</option>
  18.             <option>Dos</option>
  19.             <option>Tres</option>
  20.             <option>Cuatro</option>
  21.             <option>Cinco</option>
  22.             <option>Seis</option>
  23.         </select>
  24.         <button id="enviar">Enviar</button>
  25.         <select id="recibe"></select>
  26.  
  27.     </body>
  28. </html>