[SOLUCIONADO] Pasar options de 2 select a un solo select sin que se repitan

[jpaulxD]

Hola
He probado esto pero solo me pasa las options del select1 al select3.
Si uso la segunda funcion me pasa del select2 al select3.

function boton_onclick() {
select3.options.length = select1.options.length;

for (a = 0; a < select1.options.length; a++) {

select3.options[a].value = select1.options[a].value;
select3.options[a].text = select1.options[a].text;
}
}

function boton_onclick(){
select3.options.length = select2.options.length;

for (b = 0; b < select2.options.length; b++) {

select3.options[b].value = select2.options[b].value;
select3.options[b].text = select2.options[b].text;
}
}

Lo que necesito es pasar las options del select1 y select2 al select3 y que no se repitan, agradeceria mucho la ayuda.

[nilburcion]

Aquí tienes, primero se pasan todas las "options" de select1 a select3 y luego haces lo mismo con select2 pero con la diferencia que en el segundo bucle recorres también select3 para comprobar que esa "option" en particular no esté ya en select 3:

Código Javascript:

function boton_onclick() {
    var select1 = document.getElementById("select1");
    var select2 = document.getElementById("select2");
    var select3 = document.getElementById("select3");
 
    select3.options.length = select2.options.length;
 
    for (i = 0; i < select1.options.length; i++) { //Recorre select1
        select3.options[i].value = select1.options[i].value;
        select3.options[i].text = select1.options[i].text;
    }
 
    for (i = 0; i < select2.options.length; i++) { //Recorre select2
        var added = false;
        for (j = 0; j < select3.options.length; j++) { //Recorre select3 para comprobar que la "option" que vamos a añadir no se encuentre en select3
            if (select2.options[i].value == select3.options[j].value) {
                if (select2.options[i].text == select3.options[j].text) {
                    added = true;
                }
            }
        }
 
        if (!added) {
            select3.options.length++;
            select3.options[select3.options.length-1].value = select2.options[i].value;
            select3.options[select3.options.length-1].text = select2.options[i].text;
        }
    }
 
}
 

[jpaulxD]

Lo unico que debo poner la misma cantidad de options en select1 y select 2 si no no funciona
De todas maneras muchas gracias

[nilburcion]

Prueba con cambiar la linea 6 por:

Código Javascript:

select3.options.length = select1.options.length;
 

No me fije en eso al modificar tu código

[jpaulxD]

Listo! amo este foro y sus usuarios *o*