當選擇其他值時更改多選框的值

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> 

你可以看到它改變了值而不是o右側...我怎樣才能改變右側？

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/