Comment sélectionner le premier élément dans 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.

essayé ceci:

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

Mais n'a pas fonctionné

Answer 1

Essayez cette ou t ...

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

Une autre option serait quelque chose comme this, mais il ne fonctionne que pour une liste déroulante à la fois comme code ci-dessous:

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

Jetez un oeil à ce poste sur comment définir en fonction de la valeur, son intéressant, mais ne vous aidera pas à cette question spécifique:

Change the selected value of a drop-down list with jQuery

Answer 2

Votre sélection est faux, vous avez probablement été à la recherche d'

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

Cela fonctionne aussi:

$('select option:first-child') 

Answer 3

ce que vous voulez est probablement:

$("select option:first-child") 

Qu'est-ce que ce code

attr("selected", "selected"); 

fait est le réglage de la « sélectionné » attribut « sélectionné »

Si vous voulez que les options sélectionnées, peu importe que ce soit le premier enfant , le sélecteur est:

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

Answer 4

si vous voulez vérifier le texte de l'option sélectionnée, peu importe si 1 st enfant.

var a = $("#select_id option:selected").text(); 
alert(a); //check if the value is correct. 
if(a == "value") {-- execute code --} 

Answer 5

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

For Complete Drop Down List Operations using Jquery

Answer 6

Ana solution alternative pour RSolgberg, qui déclenche l'événement 'onchange' si présent:

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

How to make first option of <select > selected with jQuery?

Answer 7

var arr_select_val=[]; 

    $("select").each(function() { 
     var name=this.name; 
      arr_select_val[name]=$('select option:first-child').val(); 
    }); 


// Process the array object 
    $('.orders_status_summary_div').print(arr_select_val); 

Answer 8

Je réponds parce que les réponses précédentes ont cessé de fonctionner avec la dernière version de jQuery. Je ne sais pas quand il a cessé de fonctionner, mais la documentation dit que .prop() a été la méthode préférée pour obtenir/définir des propriétés depuis jQuery 1.6.

Voilà comment je l'ai eu à travailler (avec jQuery 3.2.1):

$('select option:nth-child(1)').prop("selected", true); 

J'utilise knockoutjs et les liaisons de changement n'étaient pas mise à feu avec le code ci-dessus, donc j'ajouté.changer() jusqu'à la fin.

Voici ce que je avais besoin pour ma solution:

$('select option:nth-child(1)').prop("selected", true).change(); 

Voir .prop() note dans la documentation ici: http://api.jquery.com/prop/