< ;複数選択 id="select1" style="width: 100px;height:100px;">
2">オプション 2
<オプション値="5">オプション 5
<オプション値="6">オプション 6
<オプション値="7"> 7
すべてを右側に追加
複数の id="select2" style="width:100px;height :100px;">
左に追加
すべてを左に追加
左に追加
すべてを左に追加
選択したオプションを相手に追加します
$('#add ').click(function(){
var $options = $('#select1 option:selected');//選択したオプションを取得
$options.appendTo('#select2');//追加 相手に与える
});
//すべてのオプションを相手に追加
$('#add').click (function(){
var $options = $('#select1 option ');//選択したオプションを取得
$options.appendTo('#select2');//相手に追加
});
//オプションをダブルクリックして相手に追加します
$ ('#select1').dblclick(function(){
var $options = $('option: selected',this);//選択されたオプションを取得
$options.appendTo('#select2') ;//相手に追加
})
追記: $ ('option:selected',this)、$() には 2 つのパラメーターがあり、1 つはセレクター、もう 1 つはスコープです。 $('#select1 オプション:選択済み') と同等
$('#add ').click(function(){
var $options = $('#select1 option:selected');//選択したオプションを取得
$options.appendTo('#select2');//追加 相手に与える
});
//すべてのオプションを相手に追加
$('#add').click (function(){
var $options = $('#select1 option ');//選択したオプションを取得
$options.appendTo('#select2');//相手に追加
});
//オプションをダブルクリックして相手に追加します
$ ('#select1').dblclick(function(){
var $options = $('option: selected',this);//選択されたオプションを取得
$options.appendTo('#select2') ;//相手に追加
})
追記: $ ('option:selected',this)、$() には 2 つのパラメーターがあり、1 つはセレクター、もう 1 つはスコープです。 $('#select1 オプション:選択済み') と同等
