Obtenir la valeur affichée de balise select

Question

<select id="kamal"> 
<option value"ACTIVE">a<option> 
<option value"DISABLED">b<option> 
<option value"DELETED">c<option> 
</select> 

Je veux obtenir la valeur affichée sur la page..not la valeur indiquée dans la balise d'option

Je suis intéressé par « aktiv » non « ACTIVE »

lorsque j'écris document.getElementById("kamal").value; alors la valeur qui est sélectionnée vient dans la variable. Mais je veux la valeur affichée.

S'il vous plaît aidez-moi comment puis-je prendre cette valeur.

NOTE: En utilisant toutes les options données ci-dessous, cela me donnera la valeur de l'option sélectionnée, je veux l'étiquette de l'option sélectionnée. Je veux dire la valeur affichée sur la page html.

Answer 1

La solution que vous recherchez est:

Pour obtenir la valeur:

var element = document.getElementById("kamal"); 
var selectedValue = element.options[element.selectedIndex].value; 

Pour obtenir le texte:

var element = document.getElementById("kamal"); 
var selectedValue = element.options[element.selectedIndex].text; 

EDIT:

exemple de travail à:

http://jsfiddle.net/n85tW/6/

Answer 2

Essayez:

var sel = document.getElementById("kamal") 
alert(sel.options[sel.selectedIndex].value); 

Working example here

Note: vos <option> balises doivent être fermées avec </option>

Answer 3

élément var = document.getElementById ("kamal") var selectedValue = element.options [élément.selectedIndex]. innerHTML;

C'était la solution de ma question.