다른 드롭 다운에서 JQuery 드롭 다운 값 선택

Question

코드에 두 개의 선택 상자가 있습니다. 첫 번째 선택 상자에서 첫 번째 선택 상자의 선택에 따라 두 번째 상자의 기본 선택 항목을 선택합니다.

코드는 첫 번째 선택에서 값 태그를 보는 것 외에는 작동합니다. 기본 태그의 값을보고 싶습니다.

예를 들어 컴퓨터 클래스를 선택하면 두 번째 선택 상자에서 즉시 "성인"을 선택해야합니다.

하나 여기 jsfiddle에 전체 HTML과 JQuery와 코드를 볼 수 있습니다 : 이것은 내 JQuery와 스크립트

입니다 http://jsfiddle.net/uGLZ4/ :

$(function(){ 
    $('select#type').change(function(){ 
     $('select#agegroup').val($(this).val()) 
     }) 
}) 

Answer 1

http://jsfiddle.net/uGLZ4/2/

$(function(){ 
    $('select#type').change(function(){ 
     var defaultVal = $(this).find(":selected").attr('default'); 
     $('select#agegroup').val(defaultVal); 
    }); 
}) 

Answer 2

default이 유효하지 않습니다하지만 당신 여전히 기술적으로 할 수 있습니다 :

http://jsfiddle.net/uGLZ4/3/

Answer 3

$(function(){ 
    var type = $('#type').change(function(){ 
     var def = type.find('option:selected').attr('default'); 
     $('#agegroup').val(def); 
    }); 
}); 

http://jsfiddle.net/uGLZ4/4/

같은 다른 답변으로 생각하지만 난약간 당신의 코드를 정리.