다른 선택 상자에서 선택 항목으로 선택 상자를 채우십시오.

Question

페이지의 2 페이지에서 데이터베이스 (BOX1)의 내용으로 채워진 동적으로 작성된 선택 상자가 있습니다. 이것은 이미 PHP 폼의 페이지 1을 기반으로 한 선택입니다. 빈 선택 상자 (BOX2)도 있습니다.

이제 사용자가 버튼을 클릭하여 BOX1에서 BOX2로 항목을 "전송"할 수있게하려고합니다. 형태의이 페이지는 그에 대한 다음 단계를 포함해야합니다

1. 들이
2. 가 이동 버튼을 사라
3. 항목을 클릭 BOX1에서 하나 또는 여러 항목을 선택 BOX1 및 에서 BOX2에이 표시됩니다.
4. 헹구고 th까지 반복하십시오. EY는 선택
5. 만족은 "마무리"클릭 - 버튼와 3 페이지 내가 이것에 대해 이동하는 방법을

앞으로 이동?

나는 각 클릭과 함께 php-self를 사용하려고 생각했지만, 그것은 다루기 힘들어 보입니다.

편집 : 다른 질문에 this answer이 발견되어 도움이 될 것입니다.

Answer 1

당신이 JQuery와를 처음 사용하는 경우

$(function() { 
    $("#box1").click(function() { 
     var clkVal = $("#box1 option:selected").val(); 
     var clkTxt = $("#box1 option:selected").text(); 
     $("#box1 option:selected").remove(); 
     $("#box2").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>'); 
    }); 

    $("#box2").click(function() { 
     var clkVal = $("#box2 option:selected").val(); 
     var clkTxt = $("#box2 option:selected").text(); 
     $("#box2 option:selected").remove(); 
     $("#box1").append('<option value="'+ clkVal +'">'+ clkTxt +'</option>'); 
    }); 
}); 

여기, 당신의 요구 사항에 따라 아래의 코드를 jQuery 코드 아래 사용하여이를 변경할 수 있습니다, 최신 jQuery 라이브러리를 다운로드하여 헤더와 # BOX1에 포함하십시오 box1 선택 상자의 id를 참조하면 box1을 원래 ID로 바꿀 수 있습니다.

이 정보가 도움이되기를 바랍니다.