Получение выбранного текста из выпадающего списка (select) с помощью jQuery
Как получить выбранный текст (а не выбранное значение) из выпадающего списка с использованием jQuery?
5 ответ(ов)
Вы можете получить текст выбранного элемента в выпадающем списке с помощью следующего кода на jQuery:
$("#yourdropdownid option:selected").text();
В этом коде #yourdropdownid
- это идентификатор вашего выпадающего списка, а option:selected
выбирает текущий выбранный элемент. Метод .text()
возвращает текстовое содержимое этого элемента. Убедитесь, что вы включили jQuery в ваш проект, чтобы этот код заработал.
Попробуйте это:
$("#myselect :selected").text();
Для выпадающего списка в ASP.NET вы можете использовать следующий селектор:
$("[id*='MyDropDownId'] :selected")
Этот код позволяет получить текст выбранного элемента из выпадающего списка. В случае ASP.NET, селектор по id
, содержащему часть имени вашего элемента, поможет точно выявить нужный выпадающий список, даже если его id
сгенерирован динамически.
Ответы, размещенные здесь, например:
$('#yourdropdownid option:selected').text();
не сработали для меня, но вот что сработало:
$('#yourdropdownid').find('option:selected').text();
Возможно, это связано с тем, что я использую более старую версию jQuery.
Для того чтобы получить текст выбранного элемента <option>
в селекторе с id TipoRecorde
, вы можете использовать следующий код на jQuery:
var selectedText = $("option:selected", $("#TipoRecorde")).text();
Этот код выбирает текущий выделенный (выбранный) элемент <option>
внутри элемента с id TipoRecorde
и извлекает его текст. Убедитесь, что у вас подключена библиотека jQuery перед использованием данного кода.
Это решение работает для меня:
$("#dropdownid").change(function() {
alert($(this).find("option:selected").text());
});
Если элемент создается динамически, используйте следующий код:
$(document).on("change", "#dropdownid", function() {
alert($(this).find("option:selected").text());
});
Такой подход позволит вам обрабатывать события change
даже для элементов, добавленных на страницу после загрузки.
Как выбрать элемент по имени с помощью jQuery?
Как узнать, какая радиокнопка выбрана с помощью jQuery?
Как получить дочерние элементы селектора $(this)?
Эквивалент document.createElement в jQuery?
jQuery: Получение Выбранного Значения Из Выпадающего Списка