110 votes

JQuery dropdown obtenir de la valeur

J'ai un menu déroulant qui s'appelle ID, Name Pair.

Exemple

Jon Miller
Jim Smith
Jen Morsin

Jon MIller a l'identifiant de 101
Jim Smith a l'identifiant de 102
Jen Morsin a l'identifiant de 103

Quand je fais le suivi:

 var arNames = $('#Crd').val() 
 

et j'ai choisi Jon Miller, j'ai 101. J'aimerais bien avoir Jon Miller.

211voto

ShankarSangoli Points 45345

$('#Crd').val() vous donnera la valeur sélectionnée de l'élément déroulant. Utilisez ceci pour obtenir le texte des options sélectionnées.

 $('#Crd option:selected').text();
 

14voto

Sandeep Pal Points 554

Le meilleur moyen est d'utiliser:

 $("#yourid option:selected").text();
 

Selon les besoins, vous pouvez également utiliser cette méthode:

 var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()
 

5voto

anstosa Points 2402

Si vous utilisez un <select>, .val() obtient la "valeur" de l'sélectionnée <option>. Si elle n'a pas un value, il peut revenir sur le id. Mettre la valeur que vous souhaitez retourner dans l' value attribut de chaque <option>

Edit: Voir les commentaires pour obtenir des précisions sur ce qu' value est en fait (pas nécessairement égal à l' value d'attribut).

3voto

user3205632 Points 11
 var sal = $('.selectSal option:selected').eq(0).val();
 

selectSal est une classe.

0voto

lhagemann Points 831

Comme il a été souligné ... dans une zone select , l'attribut .val() vous donnera la valeur de l'option sélectionnée. Si l'option sélectionnée ne comporte pas d'attribut value, sa valeur d'affichage (qui correspond à celle indiquée dans les exemples de la documentation jQuery de .val sera la valeur par défaut.

vous souhaitez utiliser .text() de l'option sélectionnée:

$('#Crd option:selected').text()

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X