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

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