como generar select dinamico multiple con jquery......

[RIVERMILLOS]

hola tengo dos select multiple y dos botones "agregar" y "quitar" , lo que quiero hacer es que en un select seleccione las opciones y cuando le den agregar se "agreguen" en el otro select.. con jquery.

saludos

[Dany_s]

en realidad es muy fácil, basta con leer y ver un poco selectores y manipulación.

Con 2 lineas en un evento clic ya alcanza jeje

no quiero hacer asi podes hacerlo y practicar jeje

si haces un algorítmo sería
elementos = buscar los option seleccionados del select, eliminarlos
agregar los elementos de la variable elementos en el select numero 2


jeje es sencillo

[RIVERMILLOS]

hola muchas gracias por la respuesta mira lo que he hecho para agregarlos pero solo me agrega el primero....

Código:

$(document).ready(function(){
$('#agregar').click(function() {
var accesorio=$('#accesorio').val();

for(i=0;i<accesorio.length;i++){
$('#agregados').html('<option >'+accesorio[i]+'</option>');
}
});	
});

saludos

[Dany_s]

clar porque estas seleccionando el valor el select pero no las opciones seleccionadas


perdon hoy estoy quisquilloso, se puede hacer en una linea jeje

Código HTML:

$("#accesorio option:selected").remove().appendTo("#agregados");

[RIVERMILLOS]

Iniciado por Dany_s

clar porque estas seleccionando el valor el select pero no las opciones seleccionadas


perdon hoy estoy quisquilloso, se puede hacer en una linea jeje

Código HTML:

$("#accesorio option:selected").remove().appendTo("#agregados");

muchas gracias si me sirvio en parte porque no quiero que que los elimine del otro lado solo que los agrege y accesorios quede normal...lo prove sin el remove pero sigue igual jejej..
saludos

[Dany_s]

Código HTML:

    $(function (){
        $("#agregar").click( function (){
            var opts;
            elementos = $("#accesorios option:selected").attr("selected", false);
            elementos.each( function (){
               opts += "<option value="+$(this).val()+">"+$(this).text();
            });
            $("#agregados").html(opts);
        })
    });