25

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

31

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

5 ответ(ов)

40

Вы можете получить текст выбранного элемента в выпадающем списке с помощью следующего кода на jQuery:

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

В этом коде #yourdropdownid - это идентификатор вашего выпадающего списка, а option:selected выбирает текущий выбранный элемент. Метод .text() возвращает текстовое содержимое этого элемента. Убедитесь, что вы включили jQuery в ваш проект, чтобы этот код заработал.

2

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

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

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

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

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

2

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

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

не сработали для меня, но вот что сработало:

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

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

0

Для того чтобы получить текст выбранного элемента <option> в селекторе с id TipoRecorde, вы можете использовать следующий код на jQuery:

var selectedText = $("option:selected", $("#TipoRecorde")).text();

Этот код выбирает текущий выделенный (выбранный) элемент <option> внутри элемента с id TipoRecorde и извлекает его текст. Убедитесь, что у вас подключена библиотека jQuery перед использованием данного кода.

0

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

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

Если элемент создается динамически, используйте следующий код:

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

Такой подход позволит вам обрабатывать события change даже для элементов, добавленных на страницу после загрузки.

Чтобы ответить на вопрос, пожалуйста, войдите или зарегистрируйтесь