JQuery copying select box selected value from one select box to another

jquery, jquery-selectors, select

Solution

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

jsFiddle example

Problem

I have 3 select box, and I would like to copy the selected value to the 2nd select box and from the 2nd box to the third select box. The select box will have the same options through out the 3 select box. How would I go about this? 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();"> ``` Cheers

Original source