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

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 récupérer j'ai essayé $("#myId").find(':selected').val(), ainsi que $("#myId").val()mais les deux renvoient undefined.

Tout aperçu de ce problème serait très apprécié.

La façon dont vous l'avez est correcte pour le moment. Soit l'identifiant du select n'est pas ce que vous dites, soit vous rencontrez des problèmes dans le dom.

Vérifiez l'identifiant de l'élément et vérifiez également que votre balisage est validé ici au W3c.

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

Si les identifiants sont corrects et que votre dom valide, les conditions suivantes s'appliquent:

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

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

Pour définir la valeur de l'option de sélection

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

Pour lire le texte sélectionné

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

pour obtenir / définir la propriété selectedIndex réelle de l'élément select, utilisez:

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

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

$('#myId').val() devrait le faire, faute de quoi j'essaierais:

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

Lors de la configuration avec JQM, n'oubliez pas de mettre à jour UI:

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

$("#myId").val()devrait fonctionner si myidl'ID d'élément select!

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

Supposons que vous ayez créé une liste déroulante en utilisant la balise SELECT comme suit,

<select id="Country">

Maintenant, si vous voulez voir quelle est la valeur sélectionnée dans la liste déroulante à l'aide de JQuery, mettez simplement la ligne suivante pour récupérer cette valeur.

var result= $("#Country option:selected").text();

cela fonctionnera très bien.

Je sais que c'est vieux, mais je viens de passer un bon moment avec Razor, je ne pouvais pas le faire fonctionner, peu importe mes efforts. Continué à revenir comme "indéfini", peu importe si j'ai utilisé "texte" ou "html" pour l'attribut. Enfin, j'ai ajouté l'attribut "data-value" à l'option et je l'ai lu très bien.

 <option value="1" data-value="MyText">MyText</option>

 var DisplayText = $(this).find("option:selected").attr("data-value");

$ ("Option #myId: sélectionnée") .text (); vous donnera le texte que vous avez sélectionné dans l'élément déroulant. de toute façon, vous pouvez le changer en .val (); pour en avoir la valeur. vérifiez le codage ci-dessous

<select id="myId">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>`
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

Essaye ça

$('#your_select_element_id').val('your_value').attr().add('selected');