Obtenir le texte d'une liste déroulante

Question

Cela obtient la valeur de tout ce qui est sélectionné dans mon menu déroulant.

 document.getElementById('newSkill').value
 

Je ne peux cependant pas savoir quelle propriété doit être recherchée pour le texte actuellement affiché par le menu déroulant. J'ai essayé "texto" puis j'ai regardé W3Schools mais ça ne donnait pas la réponse, est-ce que quelqu'un ici le sait?

Pour ceux qui ne sont pas sûrs, voici le code HTML pour une liste déroulante.

 <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

En vous basant sur votre exemple de code HTML, voici un moyen d’obtenir le texte affiché de l’option actuellement sélectionnée:

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

Answer 2

Cela devrait retourner la valeur textuelle de la valeur sélectionnée

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

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

alert(vSkillText);
 

Accessoires: @Tanerax pour avoir lu la question, savoir ce qui a été demandé et y avoir répondu avant que les autres ne l'aient compris.

Edit: DownModed, parce que j’ai lu une question complètement et y ai répondu, le monde est triste.

Answer 3

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

Devrait marcher

Answer 4

Cela fonctionne, je l'ai essayé moi-même, je pensais le poster ici au cas où quelqu'un en aurait besoin ...

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

Answer 5

Est-ce que cela donne la bonne réponse?

 document.getElementById("newSkill").innerHTML