Получение текста из выпадающего списка
179806 просмотра
12 ответа
Это получает значение того, что выбрано в моем выпадающем меню.
document.getElementById('newSkill').value
Однако я не могу узнать, какое свойство нужно искать для текста, который в данный момент отображается в раскрывающемся меню. Я попробовал «текст», затем посмотрел на W3Schools, но у него не было ответа, кто-нибудь здесь знает?
Для тех, кто не уверен, вот HTML-код для выпадающего списка.
<select name="newSkill" id="newSkill">
<option value="1">A skill</option>
<option value="2">Another skill</option>
<option value="3">Yet another skill</option>
</select>
Автор: Teifion
Источник
Размещён: 17.05.2019 03:07
Ответы (12)
120 плюса
Основываясь на вашем примере HTML-кода, вот один из способов получить отображаемый текст выбранной опции:
var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
Автор: Patrick McElhaney
Размещён: 08.08.2008 01:54
9 плюса
Просто вы можете использовать Jquery вместо Javascript
$("#yourdropdownid option:selected").text();
Попробуй это.
Автор: BOBIN JOSEPH Размещён: 23.05.2017 09:268 плюса
Это должно вернуть текстовое значение выбранного значения
var vSkill = document.getElementById('newSkill');
var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;
alert(vSkillText);
Реквизит: @Tanerax за то, что прочитал вопрос, знал, что спросили, и отвечал на него, прежде чем другие поняли это.
Редактировать: DownModed, потому что я на самом деле полностью прочитал вопрос и ответил на него, печальный мир это.
Автор: Tanerax Размещён: 08.08.2008 01:527 плюса
document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value
Должно сработать
Автор: Thejesh GN Размещён: 08.08.2008 01:414 плюса
Это работает, я попробовал это сам, я думал, что выложить это здесь на случай, если кому-то это нужно ...
document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text;
Автор: Lilith
Размещён: 02.02.2013 07:35
2 плюса
Присоединяет событие изменения к выбору, которое получает текст для каждого выбранного параметра и записывает их в элемент div.
Вы можете использовать JQuery это очень лицо и успешным и простым в использовании
<select name="sweets" multiple="multiple">
<option>Chocolate</option>
<option>Candy</option>
<option>Taffy</option>
<option selected="selected">Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>
$("select").change(function () {
var str = "";
$("select option:selected").each(function() {
str += $( this ).text() + " ";
});
$( "div" ).text( str );
}).change();
Автор: shekh danishuesn
Размещён: 01.10.2015 11:55
1 плюс
Получает ли это правильный ответ?
document.getElementById("newSkill").innerHTML
Автор: Brian Childress
Размещён: 08.08.2008 01:40
1 плюс
function getValue(obj)
{
// it will return the selected text
// obj variable will contain the object of check box
var text = obj.options[obj.selectedIndex].innerHTML ;
}
HTML-фрагмент
<asp:DropDownList ID="ddl" runat="server" CssClass="ComboXXX"
onchange="getValue(this)">
</asp:DropDownList>
Автор: Muhammad Tariq Ahmed Khan
Размещён: 25.10.2017 05:40
0 плюса
var ele = document.getElementById('newSkill')
ele.onchange = function(){
var length = ele.children.length
for(var i=0; i<length;i++){
if(ele.children[i].selected){alert(ele.children[i].text)};
}
}
Автор: raton
Размещён: 12.05.2014 06:45
0 плюса
var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;
Автор: Debanjan Roy
Размещён: 01.02.2016 05:00
0 плюса
Пожалуйста, попробуйте ниже это самый простой способ, и он отлично работает
var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex];
Автор: IbrahimSediq
Размещён: 29.03.2016 05:52
0 плюса
Вот простой и короткий метод
document.getElementById('elementID').selectedOptions[0].innerHTML
Автор: Manpreet Singh Dhillon
Размещён: 13.02.2019 11:19
Вопросы из категории :
- javascript Как определить, какой из указанных шрифтов был использован на веб-странице?
- javascript Валидация клиентской стороны ASP.Net
- javascript Длина объекта JavaScript
- javascript Получение текста из выпадающего списка
- javascript Скрипт входа со скрытыми кнопками
- javascript Как автоматически изменить размер текстовой области с помощью Prototype?
- dom Как программно установить значение элемента select box, используя JavaScript?
- dom Как определить, виден ли элемент DOM в текущем окне просмотра?
- dom Как проверить, скрыт ли элемент в jQuery?
- dom Синтаксический анализ XML - ElementTree против SAX и DOM
- dom Как изменить класс элемента с помощью JavaScript?
- browser Определить часовой пояс пользователя
- browser Как отключить автозаполнение браузера в поле веб-формы / теге ввода?
- browser Отключить функцию браузера «Сохранить пароль»
- browser Сделать окно браузера мигающим в панели задач
- browser Есть ли способ встроить браузер в Java?