Jquery 选择其他选择框的值时更改多个选择框的值

我有两个多个

选择

框，并创建了一个函数，当我更改第一个框的值时，我希望更改第二个框的

值

。。。但它不起作用。。。你能帮帮我吗

代码如下：

第一个组合：

<div style="margin-left: 161px;">
<select id="media" class="chzn-done ready valid" onchange="ObterPublicacoes(this.value);" name="media" data-size="small" multiple="" style="display: none;">
<div id="media_chzn" class="chzn-container chzn-container-multi chzn-container-active" style="width:100%;">
</div>

功能：

function ObterPublicacoes(teste) {
    document.getElementById('publicacao').options.length = 0;
    document.getElementById('publicacao').innerHTML = '<option value="" >publicacoes</option><option value="" >publicacoes2</option>'
}

功能获得者公开（teste）{
document.getElementById（'publicacao'）。options.length=0；
document.getElementById（'publicacao'）。innerHTML='publicacoes2'
}

更改后的第二个组合：

<select id="publicacao" class="dualselects" name="publicacao" data-size="small" multiple="multiple" style="display: none;">
    <option value=''>publicacoes</option>
    <option value=''>publicacoes2</option>
</select>

公共厕所
公共事务2

---

您可以看到它更改了值，但不会在右侧。。。如何在右侧进行更改？

我为您编写了一个快速jQuery示例：

HTML:

---

jsIDLE:

第一个选择没有选项？

<select id="selectOne" class="selectBoxGroup">
    <option>Value One</option>
    <option>Value Two</option>
    <option>Value Three</option>
</select>

<select id="selectTwo" class="selectBoxGroup">
    <option>Value One</option>
    <option>Value Two</option>
    <option>Value Three</option>
</select>

$(document).ready( function() {

    $(document).on('change', '.selectBoxGroup', function() {
        $('.selectBoxGroup').val($(this).val());
    });

});