今日のデモはドロップダウン ボックスに関するものです。 コードをコピー コードは次のとおりです: オプション 1 <オプション値="2">オプション 2<オプション値="3">オプション 3<オプション値="4"> ;オプション 4 オプション 5 オプション 6オプション値= "7"> オプション 7 右側に追加します; すべてを右に追加> > 8"> オプション 8 実装された機能は、左側で選択されたオプションを右側に追加することですをクリックし、左側のオプションをダブルクリックします。 [すべてを右に追加] ボタンをクリックして、左側のオプションをすべて右側に追加することもできます。 jquery コード: コードをコピー コードは次のとおりです: </a>$(function(){ </span>$('#add').click(function(){ </div>var $option=$('#select1 オプション:選択済み'); <div class="codebody" id="code4633">$option.appendTo('#select2'); <br>}) <br>$('#add_all').click(function(){ <br>var $option=$('# select1 オプション' ); <br>$option.appendTo('#select2'); <br>}) <br>$('#select1').dblclick(function(){ <br>var $option=$( 'オプション: 選択済み',this); <br>$option.appendTo('#select2') <br>}) <br>}) <br><br><br> <br> dblclick() マウスがイベントをダブルクリックするとトリガーされます。 <br>他のメソッドとイベントは前の例で紹介されているため、ここでは詳しく説明しません。 <br>このデモ コードは単純です。そしてその機能は確かに実用的です。</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
