ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryは2つの選択を操作して値を相互に転送します_jquery

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

WBOY
WBOYオリジナル
2016-05-16 16:56:281106ブラウズ
コードをコピー コードは次のとおりです:

function moveToRight(select1,select2)//選択されたものを移動します右側の sleect1 と sleect2 は、それぞれドロップダウン リスト ボックスの ID です
{
$('#' select1 ' option:selected').each(function(){
$(" ").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(){
$("" ).appendTo("#" select1 "");
$(this).remove();
});
}
function moveAllToLeft(select1, select2)//すべてを左へ移動
{
$('#' select2 ' option').each(function(){
$("
選択内のオプションをダブルクリックして現在の値を別の選択に転送したい場合は、次のように選択イベントをバインドする必要があります

コードをコピー コードは次のとおりです:
$('#sel2').bind('dblclick ',function(){// ダブルクリックをドロップダウン ボックス Event
moveToRight('sel2','sel3');
});
$('#sel3') にバインドします。 binding('dblclick',function(){
moveToLeft('sel2' ,'sel3');
});
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。