드롭 다운 안에 트리 구조로 많은 체크 박스 채우기

남자 나무 구조로 표시되는 체크 박스가 있습니다. 드롭 다운 안에 표시해야합니다.드롭 다운 안에 트리 구조로 많은 체크 박스 채우기

<html> 

    <head> 

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

     <script type="text/javascript"> 

      $(document).ready(function(){ 

       $('.team').on('click',function(){ 
        if($(this).is(':checked')){ 
         $(this).next().next().show(); 
        }else{ 
         $(this).next().next().hide(); 
        } 
       }); 
      }); 


     </script> 

    </head> 

    <body> 

     <form name="FootballClubs"> 

      <input type="checkbox" class="team" value="RealMadrid"/>Real Madrid<br /> 
      <div style="padding:10px 10px 10px 15px;display:none;">  
       <input type="checkbox" class="player" value="CR"/>Cristiano Ronaldo<br /> 
       <input type="checkbox" class="player" value="SA"/>Shabi Alanso<br /> 
       <input type="checkbox" class="player" value="IC"/>Iker Casillias<br /> 
      </div> 
      <input type="checkbox" class="team" value="ManCity"/>Man City<br /> 
      <div style="padding:10px 10px 10px 15px;display:none;"> 
       <input type="checkbox" class="player" value="SA"/>Sergio Aguero<br /> 
       <input type="checkbox" class="player" value="SM"/>Super Mario<br /> 
      </div> 
     </form> 

    </body> 

</html>

드롭 다운 안에 채우려합니다. 도와주세요.

미리 감사드립니다. !!

출처

2012-10-27 Vignesh Gopalakrishnan

당신은 당신이 결과로 원하는 샘플을 추가 할 수 있을까요? – gotqn

그냥이 링크를 방문하십시오. http://vignesh.gvignesh.org/metroplots/drp/drpcheck1.php 첫 번째 확인란을 선택하면 두 번째 확인란이 주 확인란 아래에 표시됩니다. 당신은 분명합니까 ?? –

그리고 모든 것은 드롭 다운 안에 있어야합니다. –

JQuery와 UI widget을보고 jSTree

출처

2012-10-27 14:06:00 janenz00

위 코드를 실행하십시오. 드롭 다운 내에서 동일한 출력이 필요합니다. 귀하의 제안에 감사드립니다. 그건 내 요구 사항을 해결하지 않습니다. –

드롭 다운 안에 트리 구조로 많은 체크 박스 채우기

답변

관련 문제