jQuery pour récupérer et définir la valeur de l'option sélectionnée de l'élément html select

Question

J'essaie de récupérer et de définir la valeur sélectionnée d'un élément de sélection (liste déroulante) avec jQuery.

pour la récupération, j'ai essayé $("#myId").find(':selected').val() ainsi que $("#myId").val() mais les deux retournent indéfinis.

Toute information sur ce problème serait très appréciée.

Answer 1

pour obtenir ou définir la propriété selectedIndex de l'élément sélectionné :

$("#select-id").prop("selectedIndex");

$("#select-id").prop("selectedIndex",1);

Answer 2

La façon dont vous l'avez fait est correcte pour le moment. Soit l'identifiant de la sélection n'est pas ce que vous dites, soit vous avez des problèmes dans le domaine.

Vérifiez l'Id de l'élément et vérifiez également que votre balisage valide à ici au W3c.

Sans un dom valide, jQuery ne peut pas travailler correctement avec les sélecteurs.

Si les identifiants sont corrects et que votre domaine est validé, la procédure suivante s'applique :

Pour lire, sélectionner la valeur de l'option

$('#selectId').val();

Pour définir la valeur de l'option sélectionnée

$('#selectId').val('newValue');

Pour lire le texte sélectionné

$('#selectId>option:selected').text();

Answer 3

$('#myId').val() devrait le faire, à défaut j'essaierais :

$('#myId option:selected').val()

Answer 4

Lors du réglage avec JQM n'oubliez pas de mettre à jour le UI :

$('#selectId').val('newValue').selectmenu('refresh', true);

Answer 5

$("#myId").val() devrait fonctionner si myid est l'id de l'élément sélectionné !

Cela permet de définir l'élément sélectionné : $("#myId").val('VALUE');