Pasar options de un select a otro select

chicohot20 · #1 (**permalink**) 04/11/2010, 19:50

Buenas noches gente!

Tengo una consulta:

Tengo un Select con un numero determinado de <options>. Estos options los quiero pasar a otro Select (en blanco). Como lo puedo hacer con Jquery? He intentado usar el clone(), pero no me sale.

Gracias.

Dany_s · #2 (**permalink**) 05/11/2010, 05:15

depende si queres conservar el option, o sea que quede en los 2

chicohot20 · #3 (**permalink**) 05/11/2010, 05:38

Ambos casos, quiero copiar y en algunos mover todas las <options>, gracias por tu interes Dany_s

chicohot20 · #4 (**permalink**) 05/11/2010, 13:58

Algun capo en el foro que me pueda ayudar?

Dany_s · #5 (**permalink**) 05/11/2010, 14:48

pasa de uno al otro

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            $( function (){
 
                $("#enviar").click( function (){
                    $('#datos option:selected').appendTo("#recibe");
                });
                
            });
        </script>
    <body>
        <select id="datos">
            <option>Uno</option>
            <option>Dos</option>
            <option>Tres</option>
            <option>Cuatro</option>
            <option>Cinco</option>
            <option>Seis</option>
        </select>
        <button id="enviar">Enviar</button>
        <select id="recibe"></select>
 
    </body>
</html>

clona y envia al otro

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            $( function (){
 
                $("#enviar").click( function (){
                    $('#datos option:selected').clone().appendTo("#recibe");
                });
                
            });
        </script>
    <body>
        <select id="datos">
            <option>Uno</option>
            <option>Dos</option>
            <option>Tres</option>
            <option>Cuatro</option>
            <option>Cinco</option>
            <option>Seis</option>
        </select>
        <button id="enviar">Enviar</button>
        <select id="recibe"></select>
 
    </body>
</html>

chicohot20 · #6 (**permalink**) 05/11/2010, 15:12

Perfecto, ahora tengo otra duda: Puedo clonar un select (no las options) y mover sus options a otro select?

Dany_s · #7 (**permalink**) 05/11/2010, 17:08

si con esto $('#datos option:selected').clone() clona la opción seleccionada, se supone que si querés clonar todas las opciones tenes que seleccionar todas
$('#datos option').clone()