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/

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

1 个答案: