jquery - 选择其他值时更改多选框的值

Question

我有两个多个select框，并制作了一个功能，当我更改第一个的值时，我想更改value第二个的值……但它不起作用……你能帮帮我吗？

这是代码：

第一个组合：

<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>'
}

更改后的第二个组合：

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

你可以看到它改变了值但不是在右侧......我怎样才能在右侧改变？

Answer 1

我为你写了一个快速的 jQuery 示例：

HTML：

<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>

JavaScript：

$(document).ready( function() {

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

});

JSFiddle：http: //jsfiddle.net/Lz8DH/