Comment obtenir le texte sélectionné dans la zone de sélection Javascript

Question

Cela fonctionne parfaitement

 <select name="selectbox" onchange="alert(this.value)">
 

Mais je veux sélectionner le texte. J'ai essayé de cette façon

 <select name="selectbox" onchange="alert(this.text)">
 

Cela montre non défini. J'ai trouvé comment utiliser DOM pour obtenir du texte. Mais je veux le faire de cette façon, je veux dire comme utiliser seulement ceci.valeur.

Answer 1

 this.options[this.selectedIndex].innerHTML
 

devrait vous fournir le texte "affiché" de l'élément sélectionné. this.value , comme vous l'avez dit, fournit simplement la valeur de l'attribut value .

Answer 2

Pour obtenir la valeur de l'élément sélectionné, vous pouvez effectuer les opérations suivantes:

 this.options[this.selectedIndex].text
 

Ici, on accède aux différents options de la sélection, et les SelectedIndex sont utilisés pour choisir celui sélectionné, puis ses text sont utilisés.

En savoir plus sur le DOM sélectionné ici .

Answer 3

S'il vous plaît essayez ce code:

 $("#YourSelect>option:selected").html()
 

Answer 4

Juste utiliser

$ ('Option # SelectBoxId: sélectionnée'). Text (); Pour obtenir le texte comme indiqué

$ ('# SelectBoxId'). Val (); Pour obtenir la valeur d'index sélectionnée

Answer 5

Je sais que personne ne demande une solution jQuery ici, mais il vaut peut-être la peine de mentionner qu'avec jQuery, vous pouvez simplement demander: $('#selectorid').val()