Copy Select Value

Copy the value of a single select element across multiple select elements, triggered by a button.

by bigdave

HTML

<button id="copy">Copy Value</button>

<select name="selectA" id="a">
    <option value="123">Option 1</option>
    <option value="456">Option 2</option>
    <option value="789">Option 3</option>
</select>
<select name="selectB" id="b">
    <option value="123">Option 1</option>
    <option value="456">Option 2</option>
    <option value="789">Option 3</option>
</select>
<select name="selectC" id="c">
    <option value="123">Option 1</option>
    <option value="456">Option 2</option>
    <option value="789">Option 3</option>
</select>

JavaScript

// Bind a click listener to the button
$('#copy').click(function() {
    // Get the value of the select we wish to copy
    var valueOfA = $('#a').val();
    
    // Copy A's value into other select elements
    $('#b').val(valueOfA);
    $('#c').val(valueOfA);
});