JQuery将选择框中的选择值从一个选择框复制到另一个选择框

Question

我有3个选择框,我想将所选值复制到第二个选择框,从第二个框复制到第三个选择框.在3选择框中,选择框将具有相同的选项.

我该怎么做？

JSFiddle http://jsfiddle.net/andrewvmail/27rFQ/3/

 A:<select id="inputsa">
    <option id="inputa"  name="input[1][]">A</option>
    <option id="inputb" name="input"> B</option>
    <option id="inputc"  name="input[2][]"> C</option>
</select> 
B:<select id="inputsb">
    <option id="inputa"  name="input[1][]">A</option>
    <option id="inputb" name="input"> B</option>
    <option id="inputc"  name="input[2][]"> C</option>
</select> 
C:<select id="inputsc">
    <option id="inputa"  name="input[1][]">A</option>
    <option id="inputb" name="input">B</option>
    <option id="inputc"  name="input[2][]">C</option>
</select> 

<br>    




    <input id="copyAtoB" type="button" value="Copy A to B" onclick="functionCopyAtoB();">
        <br>
    <input id="copyBtoC" type="button" value="Copy B to C" onclick="functionCopyBtoC();">

干杯

Answer 1

function functionCopyAtoB() {
    $('#inputsb').val($('#inputsa').val());
}
function functionCopyBtoC() {
    $('#inputsc').val($('#inputsb').val());
}

jsFiddle例子