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

标签 jquery select jquery-selectors

我有 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();">

干杯

最佳答案

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

<强> jsFiddle example

关于JQuery 将选择框选定的值从一个选择框复制到另一个选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15258551/

相关文章:

javascript - JSONP 警报解析器错误

mysql - 在子查询中引用外部查询

php - SELECT DISTINCT 或 array_unique 不适用于我的数据

MYSQL SELECT INSERT 触发器内

jquery - 使用 jquery 如果选项值为空则发出警报

javascript - 如何在没有任何标签的情况下更改其复选框旁边的文本?

jquery - 为同一元素绑定(bind)多个事件,然后过滤特定操作

javascript - 使用 AngularJS 将指令附加到 DOM

JQuery 将这个和另一个结合在一起

jquery - jquery中的正则表达式获取图像文件名