Как обновить поле выбора на основе значений другого?

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, которые был выбран?

Например, если Dewey и Louie выбран в качестве 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/