Получить выделенный текст из выпадающего списка (выбрать поле) с помощью jQuery

Question

Как я могу получить выделенный текст (не выбранное значение) из раскрывающегося списка в jQuery?

Answer 1

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

Answer 2

Попробуйте это:

$("#myselect :selected").text();

Для раскрывающегося списка ASP.NET вы можете использовать следующий селектор:

$("[id*='MyDropDownId'] :selected")

Answer 3

Ответы, размещенные здесь, например,

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

не сработало для меня, но это сработало:

$('#yourdropdownid').find('option:selected').text();

Возможно, это более старая версия jQuery.

Answer 4

Если у вас уже есть раскрывающийся список в переменной, это то, что мне подходит:

$("option:selected", myVar).text()

Другие ответы на этот вопрос помогли мне, но в конечном итоге ветка форума jQuery $ (эта + опция: selected)). Attr (rel) не работает в IE помогло больше всего.

Обновление: исправлена ​​вышеуказанная ссылка

Answer 5

$("option:selected", $("#TipoRecorde")).text()

Answer 6

Это работает для меня

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

Если элемент создан динамически

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

Answer 7

$("#DropDownID").val() даст выбранное значение индекса.

Answer 8

Это работает для меня:

$('#yourdropdownid').find('option:selected').text();

jQuery версия: 1.9.1

Answer 9

Для текста выбранного элемента используйте:

$('select[name="thegivenname"] option:selected').text();

Для значения выбранного элемента используйте:

$('select[name="thegivenname"] option:selected').val();

Answer 10

Различные способы

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();