Проверка того, какой элемент выбран в списке выбора HTML, с помощью jQuery

Question

Как получить фактическое значение (или текст) элемента, выбранного в окне выбора HTML? Вот основные методы, которые я пробовал ...

document.getElementById('PlaceNames').value

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

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

И я попробовал различные варианты этих. Все, что я в конечном итоге хочу сделать, это получить эти данные и отправить их в веб-сервис через AJAX, мне просто нужно строковое представление того, что выбрал пользователь. Кажется, это должно быть действительно легко, и я даже нашел вопрос, похожий на этот, здесь, но у меня все еще есть проблемы с его решением. Google, похоже, тоже не помогает. Я чувствую, что это должно быть из-за некоторого фундаментального недопонимания Javascript и jQuery.

РЕДАКТИРОВАТЬ: я должен отметить, что я использую IE7

Answer 1

$('#placeNames').val() возвращает значение выбранной опции в последней версии jQuery.

Answer 2

Не-JQuery вариант:

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

Более старый вариант jQuery:

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

Текущий вариант jQuery:

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

Я, вероятно, просто слишком безопасен, используя: first.

Answer 3

var plid = $ ('# PlaceNames'). Val ();

val placename = $ ('# PlaceNames option [value = \' '+ plid.toString () +' \ ']'). Html ();