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

[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;
        }
    }
 
}