Définir l'indice de sélection d'une liste déroulante à l'aide de jQuery

Question

Comment puis-je définir l'index d'une liste déroulante en jQuery si la façon dont je trouve le contrôle est la suivante :

$("*[id$='" + originalId + "']") 

Je procède ainsi parce que je crée des contrôles de façon dynamique et que les identifiants sont modifiés lors de l'utilisation des formulaires Web. J'ai trouvé cette solution de contournement pour trouver des contrôles. Mais une fois que j'ai l'objet jQuery, je ne sais pas comment régler l'index sélectionné sur 0 (zéro).

Answer 1

Tout d'abord, ce sélecteur est plutôt lent. Il va parcourir chaque élément du DOM à la recherche des identifiants. Les performances seront moins affectées si vous pouvez attribuer une classe à l'élément.

$(".myselect")

Pour répondre à votre question, il existe plusieurs façons de modifier la valeur des éléments de sélection en jQuery.

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

Answer 2

Je viens de trouver ceci, ça marche pour moi et je trouve personnellement que c'est plus facile à lire.

Ceci définira l'index réel tout comme l'option de la réponse numéro 3 de gnarf.

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

Cela ne fonctionnait pas avant mais fonctionne maintenant... voir le bug : http://dev.jquery.com/ticket/1474

Addendum

Comme recommandé dans les commentaires, utilisez :

$("select#elem").prop('selectedIndex', 0);

Answer 3

Code JQuery :

$("#sel_status").prop('selectedIndex',1);

Code Jsp :

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

Answer 4

J'utilise

$('#elem').val('xyz');

pour sélectionner l'élément d'option qui a pour valeur='xyz'.

Answer 5

Vous voulez saisir la valeur de la première option dans l'élément de sélection.

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));