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