如何根據另一個值更新選擇框？

Question

在我的Rails應用我有兩個選擇框（他們是一個多選擇框之一）形式：

<label>Project owners</label> 
<select multiple="multiple"> 
    <option value="1">Huey</option> 
    <option value="2">Dewey</option> 
    <option value="3">Louie</option> 
</select> 

<label>Invoice recipients</label> 
<select> 
    <option value="1">Huey</option> 
    <option value="2">Dewey</option> 
    <option value="3">Louie</option> 
</select> 

我怎麼能限制invoice recipients到project owners已選定？

例如，如果杜威和路易得到選爲project owners，該invoice recipients選擇框應該只包含杜威和路易爲好。

我知道這可以通過jQuery，但我的jQuery技能非常有限。

請幫幫我。非常感謝！

Answer 1

嘗試

<label>Project owners</label> 
<select id="owners" multiple="multiple"> 
    <option value="1">Huey</option> 
    <option value="2">Dewey</option> 
    <option value="3">Louie</option> 
</select> 

<label>Invoice recipients</label> 
<select id="recipients"> 
    <option value="1">Huey</option> 
    <option value="2">Dewey</option> 
    <option value="3">Louie</option> 
</select> 

然後

$('#owners').change(function(){ 
    $('#recipients').empty().append($(this).find('option:selected').clone()) 
}) 

演示：Fiddle

Answer 2

您可以使用相關的選擇jQuery插件這個目的：

http://simpleweb.github.io/jquery-dependent-selects/