Abrufen des Texts aus einem Dropdown-Feld

Dies erhält den Wert von allem, was in meinem Dropdown-Menü ausgewählt ist.

document.getElementById('newSkill').value

Ich kann jedoch nicht herausfinden, nach welcher Eigenschaft für den Text gesucht werden soll, der derzeit im Dropdown-Menü angezeigt wird. Ich habe "Text" ausprobiert und mir dann W3Schools angesehen, aber das hatte keine Antwort. Weiß hier jemand Bescheid?

Für diejenigen, die sich nicht sicher sind, ist hier der HTML-Code für ein Dropdown-Feld.

<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>

Anhand Ihres Beispiel-HTML-Codes können Sie den angezeigten Text der aktuell ausgewählten Option auf folgende Weise abrufen:

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

Einfach Sie können Jquery anstelle von Javascript verwenden

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

Versuche dies.

Dies sollte den Textwert des ausgewählten Werts zurückgeben

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

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

alert(vSkillText);

Requisiten: @Tanerax für das Lesen der Frage, das Wissen, was gestellt wurde, und das Beantworten, bevor andere es herausfanden.

Edit: DownModed, weil ich tatsächlich eine Frage vollständig gelesen und beantwortet habe, traurige Welt ist es.

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

Sollte arbeiten

Das funktioniert, ich habe es selbst versucht. Ich dachte, ich poste es hier, falls jemand es braucht ...

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

Fügt der Auswahl ein Änderungsereignis hinzu, das den Text für jede ausgewählte Option abruft und in das div schreibt.

Sie können jQuery it sehr Gesicht und erfolgreich und einfach zu bedienen verwenden

<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-Snippet

 <asp:DropDownList ID="ddl" runat="server" CssClass="ComboXXX" 
  onchange="getValue(this)">
</asp:DropDownList>

Bekommt das die richtige Antwort?

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;

Bitte versuchen Sie das Folgende. Dies ist der einfachste Weg und es funktioniert perfekt

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

Hier ist eine einfache und kurze Methode

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