JQuery 체인을 사용하여 '양방향'체인 연결

Question

내 문제는 간단합니다.

$("#model").chained("#brand"); 

하지만 그것은 작업 할 :

<select id="brand"> 
    <option value="">Choose</option> 
    <option value="audi" class="a1 a3 a4">Audi</option> 
    <option value="bmw" class="3-series 5-series 7-series">BMW</option> 
</select> 

<select id="model"> 
    <option value="">Choose</option> 
    <option value="A1" class="audi">A1</option> 
    <option value="A3" class="audi">A3</option> 
    <option value="A4" class="audi">A4</option> 
    <option value="3-series" class="bmw">3-series</option> 
    <option value="5-series" class="bmw">5-series</option> 
    <option value="7-series" class="bmw">7-series</option> 
</select> 

나는이 같은 JQuery와 사슬로 매인 플러그인을 사용하여 브랜드의 모델을 체인 쉽게 할 수 있습니다 : 아래 그림과 같이 모델 예 - 일반 자동차 브랜드를 고려 다른 방법으로 도 마찬가지입니다.. 그래서 자동차 브랜드 select가 비어 있다면 전체 모델 목록을 원합니다. 두 번째 선택에서 A1을 선택하면 첫 번째 드롭 다운에서 Audi를 선택합니다.

$("#brand").chained("#model"); 

But that doesn't work, as it renders both selects readonly (see jsFiddle). 내가 원하는 것을 달성 할 수있는 방법이 있나요 :

단순히이 줄을 추가?

Answer 1

체인 된 기능에 익숙하지만 당신은 같은 것을 할 수 있어야하지 :

$("#brand").change(function(){ 
    if($("#model").val()==""){ 
    $("#model").val($("#brand:selected").attr("class")); 
    } 
});