Отримання тексту зі спадного вікна

Це отримує значення того, що було вибрано в моєму спадному меню.

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>

На основі вашого прикладу HTML-коду, ось один із способів отримати відображений текст поточно вибраного варіанту:

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;

Просто ви можете використовувати Jquery замість Javascript

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

Спробуйте це.

Це повинно повернути текстове значення вибраного значення

var vSkill = document.getElementById('newSkill');

var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;

alert(vSkillText);

Реквізит: @Tanerax для читання запитання, знання того, що було задано, та відповіді на нього до того, як інші зрозуміли це.

Редагувати: DownModed, тому що я насправді прочитав питання повністю і відповів на нього, це сумний світ.

document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value 

Має працювати

Це працює, я спробував це сам, я думав, що розміщу його тут на випадок, якщо комусь це буде потрібно ...

document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text;

Додає подію зміни до виділення, яке отримує текст для кожного вибраного параметра та записує їх у 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();

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>

Чи отримує це правильну відповідь?

document.getElementById("newSkill").innerHTML

    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)};              
            }
    }   

var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;

Будь ласка, спробуйте нижче, це найпростіший спосіб, і він працює чудово

var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex];

Ось простий і короткий метод

document.getElementById('elementID').selectedOptions[0].innerHTML