Llenado de campos select

[petezajot]

Muy buen día!
Tengo una duda y espero me puedan ayudar:
Tengo varios campos select:

Código HTML:

<select name="campo1">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
<select name="campo2">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
<select name="campo3">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
 

De los cuáles quiero obtener los valores seleccionados de cada uno e insertarlos a otro (u otros) campo select:

Código HTML:

<select>
<option value="">valor </option>
<option value="">valor </option>
<option value="">valor </option>
</select>
 

Lo que quiero es llenar el último select con lo que se haya seleccionado en los 3 selects anteriores (con evento onChange en los primeros selects) y de ahí poder elegir el valor obtenido, es posible con javaScript?
Gracias de antemano y espero me puedan ayudar!

[Tusade]

Claro que es posible, con Javascript es algo trivial:

Código HTML:

<select name="campo1" onchange="poner_campo(this.value, this, '1')">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
<select name="campo2" onchange="poner_campo(this.value, this, '2')">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
<select name="campo3" onchange="poner_campo(this.value, this, '3')">
<option value="a">valor a</option>
<option value="b">valor b</option>
<option value="c">valor c</option>
<option value="d">valor d</option>
<option value="e">valor e</option>
</select>
 

Código HTML:

<select>
<option name="opcion1" ></option>
<option name="opcion2" ></option>
<option name="opcion3" ></option>
</select>
 

Código Javascript:

function poner_campo(valor, selector, cual) {
document.getElementsByName("opcion"+cual)[0].innerHTML=selector.options[selector.selectedIndex].text;
document.getElementsByName("opcion"+cual)[0].value=valor;
}
 

Mira a ver si te funciona.

También puedes deshabilitar las options (disabled) hasta que se ejecute el evento onchange, si quieres.

[petezajot]

mmm... no me quedó del todo claro, pero bueno, encontré como resolverlo, el código es el siguiente:

Código Javascript:

function pag_1(){
    var a = document.getElementById('input_1').value;
    if(a >= 1){
        $('#campo1 option:selected').clone().appendTo('.campos');
        $('#campo2 option:selected').clone().appendTo('.mas_campos');
    }
}
 

Este codigo clona lo que elijo en un campo a un arreglo de 20 campos más que son llamados por la clase, notese que depende del valor de un campo, si input_1 es mayor a cero, entonces debe enviar el valor del select, en caso contrario no envía nada, funciona bien. El problema es que si el campo input_1 vuelve a ser 0 me deja el valor que ya se envió del select a los demás, hay alguna forma de revertir la acción al devolver el cero al campo input_1?

Muchas gracias por contestar y de igual manera agradezco nuevamente de antemano me puedan ayudar en esta situación!