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

Question

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

Answer 1

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Answer 2

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

Это поможет вам получить правильное направление. Выше код полностью протестирован, если вам нужна дополнительная помощь, дайте мне знать.

Answer 3

Пожалуйста, используйте это

var listbox = document.getElementById("yourdropdownid");
var selIndex = listbox.selectedIndex;
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;   

Тогда, пожалуйста, предупредите «selValue» и «selText». Вы получите выбранное значение выпадающего меню и текст

Answer 4

Для тех, кто использует SharePoint списки и не хочет использовать длинный сгенерированный идентификатор, это будет работать:

var e = $('select[title="IntenalFieldName"] option:selected').text();

Answer 5

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

Вместо #selectID вы можете использовать любой селектор jQuery, например .selectClass с использованием класса.

Как указано в документации здесь .

: выбранный селектор работает для элементов. Это не работает для флажков или радиовходов; используйте для них :checked.

.text () Согласно документации здесь .

Получить объединенное текстовое содержимое каждого элемента в наборе соответствующих элементов, включая их потомков.

Таким образом, вы можете взять текст из любого элемента HTML, используя метод .text().

Более подробное объяснение см. В документации.

Answer 6

$("select[id=yourDropdownid] option:selected").text()

Это прекрасно работает

Answer 7

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

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

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

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

Answer 8

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

Answer 9

Выберите текст и выбранное значение в раскрывающемся списке / выберите событие изменения в jQuery

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

Answer 10

Использование:

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