Obtener el texto de un cuadro desplegable

Question

Esto obtiene el valor de lo que esté seleccionado en mi menú desplegable.

document.getElementById('newSkill').value 

No obstante, no puedo averiguar qué propiedad ir después del texto que se muestra actualmente en el menú desplegable. Intenté "texto" y luego miré W3Schools pero eso no tenía la respuesta, ¿alguien aquí lo sabe?

Para aquellos que no estén seguros, aquí está el HTML para un cuadro desplegable.

<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

Basado en su ejemplo de código HTML, aquí es una manera de conseguir el texto que se muestra de la opción seleccionada en ese momento:

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

Answer 2

¿Obtiene esto la respuesta correcta?

document.getElementById("newSkill").innerHTML 

Answer 3

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

En caso de trabajar

Answer 4

Esto debería devolver el valor de texto del valor seleccionado

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

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

alert(vSkillText); 

Atrezzo: @Tanerax para la lectura de la pregunta, sabiendo lo que se solicitó y la respuesta que antes otros lo descubrieron.

Editar: DownModed, porque en realidad leí una pregunta completamente, y la contesté, el mundo es triste.

Answer 5

Esto funciona lo intenté mi yo pensé que puesto aquí por si alguien lo necesita ...

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

Answer 6

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 7

adjunta un evento de cambio de la selección que obtiene el texto de cada opción seleccionada y las escribe en el div.

Puede usar jQuery es muy cara y exitosa y fácil de usar

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

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

Answer 9

INTENTE por debajo de esta es la manera más fácil y funciona perfectamente

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

Answer 10

Simplemente usted puede utilice Jquery en lugar de Javascript

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

Prueba esto.

Answer 11

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 ; 

} 

de fragmentos de HTML

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