jqueryは2つの選択を操作して値を相互に転送します_jquery

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

function moveToRight(select1,select2)//選択されたものを移動します右側の sleect1 と sleect2 は、それぞれドロップダウン リスト ボックスの ID です
{
$('#' select1 ' option:selected').each(function(){
$(" " $(this).text() "").appendTo("#" select2 "");
$(this).remove() ;
$('#' select2).bind('dblclick',function(){
moveToLeft(select1,select2);
}); );
}
function moveAllToRight(select1,select2)//すべてを右に移動
{
$('#' select1 ' option').each(function(){
$("<オプション値 ='" $(this).val() "'>" $(this).text() "").appendTo("#" select2 "");
$(this) .remove();
});
}
function moveToLeft(select1,select2)//選択したものを左に移動します
{
$( '#' select2 ' option:selected ').each(function(){
$("" $(this).text( ) "" ).appendTo("#" select1 "");
$(this).remove();
});
}
function moveAllToLeft(select1, select2)//すべてを左へ移動
{
$('#' select2 ' option').each(function(){
$("").appendTo("#" select1 "");
$(this).remove();
});
}

選択内のオプションをダブルクリックして現在の値を別の選択に転送したい場合は、次のように選択イベントをバインドする必要があります

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

$('#sel2').bind('dblclick ',function(){// ダブルクリックをドロップダウン ボックス Event
moveToRight('sel2','sel3');
});
$('#sel3') にバインドします。 binding('dblclick',function(){
moveToLeft('sel2' ,'sel3');
});