[JQUERY] 다른 드롭 다운 목록의 선택에 따라 하나의 드롭 다운 목록을 채 웁니다.

다른 드롭 다운 목록의 선택에 따라 하나의 드롭 다운 목록을 채 웁니다.

해결법

1. ---

   1.DEMO http://jsfiddle.net/kastperfish/r7mn9/3/ (jQuery 포함)

   DEMO http://jsfiddle.net/kastperfish/r7mn9/3/ (jQuery 포함)

   cars=new Array("Mercedes","Volvo","BMW","porche");
   phones=new Array('Samsung','Nokia','Iphone');
   
   populateSelect();
   
   $(function() {
   
         $('#cat').change(function(){
           populateSelect();
       });
   
   });
   
   
   function populateSelect(){
       cat=$('#cat').val();
       $('#item').html('');
   
   
       if(cat=='car'){
           cars.forEach(function(t) { 
               $('#item').append('<option>'+t+'</option>');
           });
       }
   
       if(cat=='phone'){
           phones.forEach(function(t) {
               $('#item').append('<option>'+t+'</option>');
           });
       }
   
   } 
   

   cars=new Array("Mercedes","Volvo","BMW","porche");
   phones=new Array('Samsung','Nokia','Iphone');
   names=new Array('Kasper','Elke','Fred','Bobby','Frits');
   colors=new Array('blue','green','yellow');
   
   populateSelect();
   
   $(function() {
   
         $('#cat').change(function(){
           populateSelect();
       });
   
   });
   
   
   function populateSelect(){
       cat=$('#cat').val();
       $('#item').html('');
   
          eval(cat).forEach(function(t) { 
               $('#item').append('<option>'+t+'</option>');
           });
       }
   

2. ---

   2.당신이 당신의 최종 목표가 무엇인지에 따라 이것을 달성 할 수있는 수많은 방법이 있습니다. 다음은 2 개의 가장 일반적인 것들이 있습니다.

   당신이 당신의 최종 목표가 무엇인지에 따라 이것을 달성 할 수있는 수많은 방법이 있습니다. 다음은 2 개의 가장 일반적인 것들이 있습니다.

   이것은 기본 프로세스입니다.

   Ajax (가장 적은 페이지로드에서 가장 원활한 경험) :

   Ajax를 사용하지 않으려면 양식을 서버 측 핸들러에 쉽게 게시하고 카테고리 드롭 다운에서 값을 가져오고 항목을 드롭 다운 한 다음 HTML 응답을 렌더링 할 수 있습니다. 카테고리 드롭 다운에 대한 값을 설정하고이를 사용하지 않으므로 (사용자가 카테고리를 변경하려는 경우 뒤로 버튼을 사용해야 함) 항목을 채우고 항목 드롭 다운을 채 웁니다.

from https://stackoverflow.com/questions/19039740/populate-one-dropdown-list-based-on-the-selection-of-other-dropdown-list by cc-by-sa and MIT license