자바 스크립트로 드롭 다운/선택 상자 탐색?

Question

빠른 질문을하고 싶습니다. 옵션 중 하나를 선택하면 다른 선택 드롭 다운 값이 변경됩니다 ...

내가 선택한 드롭 다운을 모델이라고 가정 해 봅니다. 그건 내가 아우디 종류의를 찾을 수 아래로 다음

- Acura 
- Aston martin 
- Audi 

내가 선택 아우디 (의 말을하자) 때이 유형에서 원하는 선택 드롭이있는 경우에만

- A3 
- A5 
- A4 

내가 AJAX 호출을 사용하지 않을

, 난 그냥 자바 스크립트 또는 jquery를 사용하려면 데이터

들 덕분에

필터링하는 것은

Answer 1

처럼 Shomz는 드롭 다운을 가정

는 다음과 같이 말했다 :

<!-- First dropdown. Make of car --> 
    <select name='Manufactor' id='make'> 
     <option value='null'>Select a Make</option> 
     <option value='Audi'>Audi</option> 
     <option value='BMW'>BMW</option> 
     <option value='Volvo'>Volvo</option> 
    </select> 

    <br /> 

    <!-- Second dropdown. Model of car --> 
    <select name='Model' id='model'> 
    </select> 

자바 스크립트는 다음과 같이 보일 것이다

: 모델 인덱스 1 및하지에서 시작하는 것이

가

<script type='text/javascript'> 

    var model = ['','audi','bmw','volvo']; //Set makes 
    model[1] = ['A3', 'A5', 'A4']; // Set Audi models 
    model[2] = ['M3', 'M5', 'M6']; // Set BMW models 
    model[3] = ['C30', 'C70'];  // Set Volvo models 

    var test = model[1][1]; 

    function setModel(index) { 
     var modelDropdown = document.getElementById('model'); 
     modelDropdown.options.length = null; 
     for(var i = 0; i < model[index].length; i++) { 
      modelDropdown.options[i] = new Option(model[index][i]); 
     } 
    } 

    window.onload = function() { 
     var makeDropdown = document.getElementById('make'); 
     makeDropdown.onchange = function() { 
      setModel(this.selectedIndex); 
     } 
    } 

    </script> 

공지 사항 0, 왜냐하면 첫 번째 옵션은 빈 모델 선택 옵션입니다.

Answer 2

AJAX 호출은 여전히 ​​최고의 솔루션이 될 것입니다,하지만 당신이 그들을 사용하지 않으려면, 당신은 항상 수동으로 주 각 옵션에 대한 배열을 만들 onchange를 만들 수 있습니다 이벤트를 사용하여 선택한 배열을 호출하고 해당 배열의 요소를 기반으로 다른 드롭 다운을 만듭니다. 희망이 없기 때문에 나는 복잡하게 들리게하지 않았 으면 좋겠다.

여기에 sample 값을 jQuery로 추출하는 방법이 있습니다.