jQuery : définir la valeur sélectionnée d'une 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>

Violon

L'option sélectionnée est "équilibrée" et non "la plus silencieuse".

Answer 1

RÉPONSE ACTUALISÉE :

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

ANCIENNE RÉPONSE :

Utilisez ceci à la place :

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

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

Answer 2

Vous devez sélectionner jQuery dans la liste déroulante de gauche et vous avez une erreur de syntaxe parce que l'attribut $(document).ready doit se terminer par }); no )}; Vérifiez ce lien.

Answer 3

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

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