Ottenere il testo da una casella a discesa

Questo ottiene il valore di tutto ciò che è selezionato nel mio menu a tendina.

document.getElementById('newSkill').value 

Tuttavia, non riesco a trovare la proprietà da seguire per il testo attualmente visualizzato dal menu a discesa. Ho provato il “testo”, poi ho guardato W3Schools ma quello non aveva la risposta, qualcuno lo sa?

Per chi non è sicuro, ecco l’HTML per un menu a tendina.

  A skill Another skill Yet another skill  

In base al codice HTML di esempio, ecco un modo per ottenere il testo visualizzato dell’opzione attualmente selezionata:

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

Questo dovrebbe restituire il valore di testo del valore selezionato

 var vSkill = document.getElementById('newSkill'); var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML; alert(vSkillText); 

Puntelli: @Tanerax per aver letto la domanda, sapendo cosa è stato chiesto e rispondendo prima che altri lo capissero.

Edit: DownModed, perché effettivamente ho letto una domanda completamente e ho risposto, triste mondo è.

Semplicemente puoi usare Jquery invece di Javascript

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

Prova questo.

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

Dovrebbe funzionare

Questo funziona ho provato da solo ho pensato di postarlo qui nel caso in cui qualcuno ne ha bisogno …

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

Allega un evento di modifica alla selezione che ottiene il testo per ogni opzione selezionata e li scrive nel div.

È ansible utilizzare jQuery molto faccia e successo e facile da usare

  
$("select").change(function () { var str = ""; $("select option:selected").each(function() { str += $( this ).text() + " "; }); $( "div" ).text( str ); }).change();

Questo ottiene la risposta corretta?

 document.getElementById("newSkill").innerHTML 
 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 ; } 

Snippet HTML

    
  var ele = document.getElementById('newSkill') ele.onchange = function(){ var length = ele.children.length for(var i=0; i 
 var selectoption = document.getElementById("dropdown"); var optionText = selectoption.options[selectoption.selectedIndex].text; 

Si prega di provare il seguito questo è il modo più semplice e funziona perfettamente

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