jquery는 두 개의 선택을 수행하여 서로 값을 전송합니다_jquery

코드 복사 코드는 다음과 같습니다.

function moveToRight(select1,select2)//선택한 항목 이동 오른쪽에 있는 sleect1과 sleect2는 각각 드롭다운 목록 상자의 ID입니다
{
$('#' select1 ' option:selected').each(function(){
$(" <옵션 값='" $ (this).val() "'>" $(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 ' 옵션:선택됨 ').each(function(){
$("<옵션 값='" $(this).val() "'>" $(this).text( ) "" ).appendTo("#" select1 "");
$(this).remove();
});
}
function moveAllToLeft(select1, select2)//모두 왼쪽으로 이동
{
$('#' select2 ' option').each(function(){
$("").appendTo("#" select1 "");
$(this).remove();
});
}

select에서 옵션을 두 번 클릭하여 현재 값을 다른 선택으로 전송하려면 다음과 같이 select 이벤트를 바인딩해야 합니다

코드 복사 코드는 다음과 같습니다.

$('#sel2').bind('dblclick ',function(){//드롭다운 상자 이벤트
moveToRight('sel2','sel3');
});
$('#sel3')에 두 번 클릭합니다. 바인딩('dblclick',function(){
moveToLeft('sel2' ,'sel3');
});