web-dev-qa-db-fra.com

Définissez la valeur par défaut dans la liste déroulante à l'aide de jQuery

J'ai beaucoup d'options dans ma liste déroulante comme:

<option value="1">it's me</option>

Je dois sélectionner l’option qui a la valeur c’est moi dans la balise, pas par attribut comme 1.

Comment puis-je faire cela en utilisant jQuery?

javascriptjqueryhtmlcssevents
24
Steven Spielberg

si vous souhaitez utiliser jQuery pour cela, essayez le code suivant.

$('select option[value="1"]').attr("selected",true);

Mis à jour:

Suite à un commentaire de Vivek, correctement souligné, steven spielberg souhaitait sélectionner l’option via sa valeur Text. 

Voici ci-dessous le code mis à jour.

$('select option:contains("it\'s me")').prop('selected',true);

Vous devez utiliser le sélecteur :contains(text) pour effectuer une recherche via le texte contenant.

JQuery prop offre également un meilleur support pour Internet Explorer lors de la définition et de la définition des attributs. 

Un exemple de travail sur JSFiddle

70
halfcube

Vous pouvez simplement faire ceci:

$('#myCombobox').val(1)
29
Hogsmill

val () devrait gérer les deux cas 

  <option value="1">it's me</option>      


$('select').val('1'); // selects "it's me"

$('select').val("it's me"); // also selects "it's me"
5
oditiwebs.com
$("#dropdownList option[text='it\'s me']").attr("selected","selected");
2
Vivek
jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");
1
Harish

Cela fonctionne bien:

$('#country').val($("#country option:contains('It\'s Me')").val());
0
ashish.chotalia

Une ligne de jQuery fait tout!

$("#myCombobox option[text='it\'s me']").attr("selected","selected");
0
Mark Robinson
$('#userZipFiles option').prop('selected', function() {
        return this.defaultSelected;
    });
0
Franco