jquery での DOM 操作とイベントの学習例 ドロップダウン ボックス application_jquery

今日のデモはドロップダウン ボックスに関するものです。

コードをコピー コードは次のとおりです:

オプション 1
<オプション値="2">オプション 2
<オプション値="3">オプション 3
<オプション値="4"> ;オプション 4
オプション 5
オプション 6オプション値= "7"> オプション 7

右側に追加します;
すべてを右に追加>

>

8"> オプション 8

実装された機能は、左側で選択されたオプションを右側に追加することですをクリックし、左側のオプションをダブルクリックします。 [すべてを右に追加] ボタンをクリックして、左側のオプションをすべて右側に追加することもできます。
jquery コード:

コードをコピー

コードは次のとおりです: