0

私の Rails アプリには、2 つの選択ボックス (そのうちの 1 つは複数選択ボックス)を持つフォームがあります。

<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選択ボックスにはDeweyとLouieのみが含まれている必要があります。

これは jQuery を介して可能であることは知っていますが、jQuery のスキルは非常に限られています。

私を助けてください。どうもありがとう！

4

2 に答える 2

5

試す

<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())
})

デモ:フィドル

于 2013-11-02T09:43:48.847 に答える
0

この目的のために、依存する select jquery プラグインを使用できます。

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

于 2013-11-02T09:46:10.983 に答える