Vérification de l'élément sélectionné dans une liste de sélection HTML via jQuery

Question

Comment obtenir la valeur réelle (ou le texte) de l'élément sélectionné dans une zone de sélection HTML? Voici les principales méthodes que j'ai essayé ...

document.getElementById('PlaceNames').value 

$("#PlaceNames option:selected").val() 

$("#PlaceNames option:selected").text() 

Et j'ai essayé différentes variations sur ces derniers. Tout ce que je veux finalement faire est d'obtenir ces données et de les envoyer à un service web via AJAX, j'ai juste besoin de la représentation sous forme de chaîne de ce que l'utilisateur a sélectionné. Cela semble être très facile et j'ai même trouvé une question similaire à celle-ci, mais j'ai encore des problèmes pour la résoudre. Google ne semble pas aider non plus. Je pense que cela doit être dû à un malentendu fondamental de Javascript et de jQuery.

EDIT: Je dois mentionner que j'utilise IE7

Answer 1

$ ('#placeNames'). Val() renvoie le value de l'option sélectionnée dans la dernière version de jQuery.

Answer 2

var plid = $ ('#') placenames val();. Val Valename = $ ('# PlaceNames option [valeur = \' '+ plid.toString() +' \ ']') .html();

Answer 3

variante non jQuery:

var select = document.getElementById('PlaceNames'); 
var value = select.options[select.selectedIndex].value; 

Older variante jQuery:

var select = $('#PlaceNames:first')[0]; 
var value = select.options[select.selectedIndex].value; 

variante jQuery actuelle:

var value = $('#PlaceNames:first').val(); 

Je suis probablement être trop sûr en utilisant: d'abord.