Ottenere il testo da una casella a discesa

Question

Questo ottiene il valore di qualunque cosa sia selezionata nel mio menu a discesa.

document.getElementById('newSkill').value

Tuttavia, non riesco a scoprire quale proprietà cercare per il testo attualmente visualizzato nel menu a discesa.Ho provato "testo" e poi ho guardato W3Schools ma non c'era la risposta, qualcuno qui lo sa?

Per chi non è sicuro, ecco l'HTML per una casella a discesa.

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

Answer 1

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;

Answer 2

Questo dovrebbe restituire il valore di testo del valore selezionato

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

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

alert(vSkillText);

Oggetti di scena:@Tanerax per aver letto la domanda, aver saputo cosa è stato chiesto e aver risposto prima che gli altri lo capissero.

Modificare:DownModed, perché in realtà ho letto completamente una domanda e ho risposto, triste mondo che sia.

Answer 3

Semplicemente puoi usare Jquery invece di Javascript

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

Prova questo.

Answer 4

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

Dovrebbe funzionare

Answer 5

Funziona, l'ho provato da solo, ho pensato di postarlo qui nel caso qualcuno ne avesse bisogno...

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

Answer 6

Allega un evento change al select che ottiene il testo per ogni opzione selezionata e lo scrive nel div.

Puoi usare jQuery in modo molto efficace, efficace e facile da usare

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

Answer 7

Si ottiene la risposta corretta?

document.getElementById("newSkill").innerHTML

Answer 8

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 ; 

}

Frammento HTML

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

Answer 9

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

Answer 10

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

Answer 11

Prova quanto segue: questo è il modo più semplice e funziona perfettamente

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

Answer 12

Ecco un metodo semplice e breve

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