JQuery déroulante sélectionnez la valeur dans une autre liste déroulante

Question

J'ai deux cases de sélection dans mon code, et je veux que la première boîte de sélection pour choisir une sélection par défaut pour la deuxième boîte en fonction de ce qui est sélectionné dans le premier.

Le code fonctionne à l'exception du fait qu'il regarde l'étiquette de valeur dans la première sélection. Je veux qu'il regarde la valeur dans l'étiquette par défaut. Par exemple, si la classe d'ordinateur est choisie, je veux que la deuxième boîte de sélection sélectionne immédiatement "Adulte".

On peut voir le code html complet et le code JQuery sur jsFiddle ici: http://jsfiddle.net/uGLZ4/

Ceci est mon script JQuery:

$(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 est pas valide, mais vous peut encore techniquement le faire:

$(function(){ 
$('select#type').change(function(){ 
     $('select#agegroup').val($(this).find(":selected").attr('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/

idée même que les autres réponses, mais je nettoyais légèrement votre code.