Comment sélectionner le premier élément de la liste déroulante à l'aide de jquery ?

Question

Je veux savoir comment sélectionner la première option dans toutes les balises de sélection sur ma page en utilisant jquery.

J'ai essayé ça :

$('select option:nth(0)').attr("selected", "selected"); 

Mais ça n'a pas marché

Answer 1

Essayez ceci...

$('select option:first-child').attr("selected", "selected");

Une autre option serait la suivante, mais elle ne fonctionnera que pour une seule liste déroulante à la fois, comme codé ci-dessous :

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

Jetez un coup d'œil à cet article sur la façon de définir la base de valeur, c'est intéressant mais cela ne vous aidera pas pour ce problème spécifique :

Modifier la valeur sélectionnée d'une liste déroulante avec jQuery

Answer 2

Votre sélecteur est erroné, vous recherchez probablement

$('select option:nth-child(1)')

Cela fonctionnera également :

$('select option:first-child')

Answer 3

Ana alternative Solution pour RSolgberg, qui tire le 'onchange' si elle est présente :

$("#target").val($("#target option:first").val());

Comment faire en sorte que la première option de <select> soit sélectionnée avec jQuery ?

Answer 4

$("#DDLID").val( $("#DDLID option:first-child").val() );

Pour des opérations complètes de listes déroulantes à l'aide de Jquery

Answer 5

Ce que vous voulez est probablement :

$("select option:first-child")

Ce que ce code

attr("selected", "selected");

est de mettre l'attribut "selected" à "selected".

Si vous voulez les options sélectionnées, indépendamment du fait qu'il s'agisse du premier enfant, le sélecteur est :

$("select").children("[selected]")