전체댓글수 3

• 소울블레이드 12-07-31 15:50 질문자가 질문 해결에 도움이 되어 선택한 답변입니다.

  소스보기

• 셀렉트박스를 4개 만듭니다.
  그리고 첫번째 셀렉트박스를 제외하고 전부 style="display:none"을 줍니다.
  첫번째 셀렉트박스의 onchange 이벤트에 함수를 하나 등록하고
  그 함수는
  셀렉트박스 세개를 전부 display:none으로 바꾼후에
  첫번째 셀렉트 박스의 값을 보고 해당 셀렉트박스의 display:inline으로 바꾸던지 display스타일을 지워줍니다.

• 셀렉트박스를 4개 만듭니다.
  
  그리고 첫번째 셀렉트박스를 제외하고 전부 style="display:none"을 줍니다.
  
  첫번째 셀렉트박스의 onchange 이벤트에 함수를 하나 등록하고
  
  그 함수는 
  
  셀렉트박스 세개를 전부 display:none으로 바꾼후에
  
  첫번째 셀렉트 박스의 값을 보고 해당 셀렉트박스의 display:inline으로 바꾸던지 display스타일을 지워줍니다.

셀렉트박스를 4개 만듭니다. 그리고 첫번째 셀렉트박스를 제외하고 전부 style="display:none"을 줍니다. 첫번째 셀렉트박스의 onchange 이벤트에 함수를 하나 등록하고 그 함수는 셀렉트박스 세개를 전부 display:none으로 바꾼후에 첫번째 셀렉트 박스의 값을 보고 해당 셀렉트박스의 display:inline으로 바꾸던지 display스타일을 지워줍니다.

• 미니짱 12-07-31 15:47

  소스보기

• 검색하실때 "다중셀렉트"로 검색해보세요
  또는 jQuery Load 를 사용하셔도 되고요~

• 검색하실때 "다중셀렉트"로 검색해보세요
  
  또는 jQuery Load 를 사용하셔도 되고요~

검색하실때 "다중셀렉트"로 검색해보세요 또는 jQuery Load 를 사용하셔도 되고요~

• 셀프멘토 12-07-31 15:58

  소스보기

• jQuery 예로 들면..
  
  $('#slt_1').change(function(e) {
      var op=""
      switch($(this).val()){
        case "A":
                      op += '<option value="1">1</option>';
                      op += '<option value="2">2</option>';
                      op += '<option value="3">3</option>';
                      break;
        case "B":
                      op += '<option value="1">자동차</option>';
                      op += '<option value="2">기차</option>';
                      break;
          case "C":
                      op += '<option value="1">비행기</option>';
                      op += '<option value="2">제트기</option>';
                      break;
            } 
            $('#slt_2').html(op);
  });
  
  ===================
  <select id="slt_1">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
  </select>
  <select id="slt_2">
  </select>

• jQuery 예로 들면..
  
  
  
  $('#slt_1').change(function(e) {
  
       var op=""
  
       switch($(this).val()){
  
        case "A":
  
                      op += '<option value="1">1</option>';
  
                      op += '<option value="2">2</option>';
  
                      op += '<option value="3">3</option>';
  
                       break;
  
         case "B":
  
                      op += '<option value="1">자동차</option>';
  
                      op += '<option value="2">기차</option>';
  
                       break;
  
          case "C":
  
                       op += '<option value="1">비행기</option>';
  
                       op += '<option value="2">제트기</option>';
  
                       break;
  
            }   
  
            $('#slt_2').html(op);
  
  });
  
  
  
  ===================
  
  <select id="slt_1">
  
     <option value="A">A</option>
  
     <option value="B">B</option>
  
     <option value="C">C</option>
  
  </select>
  
  <select id="slt_2">
  
  </select>

jQuery 예로 들면.. $('#slt_1').change(function(e) { var op="" switch($(this).val()){ case "A": op += '<option value="1">1</option>'; op += '<option value="2">2</option>'; op += '<option value="3">3</option>'; break; case "B": op += '<option value="1">자동차</option>'; op += '<option value="2">기차</option>'; break; case "C": op += '<option value="1">비행기</option>'; op += '<option value="2">제트기</option>'; break; } $('#slt_2').html(op); }); =================== <select id="slt_1"> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> </select> <select id="slt_2"> </select>