jQuery: définir la valeur sélectionnée de la liste déroulante?

Question

Quel est le problème avec ce code?

jQuery

$(document).ready(function() { 
    $("#routetype").val('quietest'); 
)}; 

HTML

<select id="routetype" name="routetype"> 
    <option value="fastest">Fastest</option> 
    <option selected="true" value="balanced">Balanced</option> 
    <option value="quietest">Quietest</option> 
</select> 

Fiddle

Il me donne 'équilibré' que l'option choisie, pas 'plus silencieux'.

Answer 1

Vous devez sélectionner jQuery dans le menu déroulant à gauche et vous avez une erreur de syntaxe car le $(document).ready doit se terminer par }); et non )};Check this link.

Answer 2

RÉPONSE À JOUR:

ancienne réponse, la méthode correcte est aujourd'hui d'utiliser .prop() de jQuery. IE, element.prop("selected", true)

RÉPONSE VIEUX:

Utilisez ce lieu:

$("#routetype option[value='quietest']").attr("selected", "selected"); 

Fiddle'd:http://jsfiddle.net/x3UyB/4/

Answer 3

Vous pouvez sélectionner la valeur de l'option déroulante par nom

jQuery("#option_id").find("option:contains('Monday')").each(function() 
{ 
if(jQuery(this).text() == 'Monday') 
{ 
    jQuery(this).attr("selected","selected"); 
    } 
});