Javascript 如何根据另一个选择框的值更新选择框？

在我的Rails应用程序中，我有一个带有两个选择框的表单（其中一个是多个选择框）：

项目所有者
休伊
杜威
路易
发票收件人
休伊
杜威
路易

如何将

发票收件人

限制为已选择的

项目所有者

例如，如果杜威和路易被选为

项目所有者

，则

发票收件人

选择框也应仅包含杜威和路易

我知道这可以通过jQuery实现，但我的jQuery技能非常有限

请帮帮我。非常感谢

试试看

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

演示：

试试看

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

---

演示：

为此，您可以使用依赖选择jquery插件：

---

为此，您可以使用依赖选择jquery插件：

---

这很有效。非常感谢。请原谅我这个愚蠢的问题，但是如果我想让这个

克隆

功能在页面加载时运行，而不仅仅是在它被点击后运行，我该怎么办呢？这很有效。非常感谢。请原谅我的愚蠢问题，但如果我想让这个

clone

函数在页面加载时运行，而不仅仅是在点击之后，我该怎么办？

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