comment récupérer la valeur de <select> tag

Question

J'ai une liste comme

<select name="operation" id="operation"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select> 

je dois obtenir la valeur « XXXX » si l'utilisateur sélectionner une option 1, pour 2 je dois me voir « AAAA » et ainsi de suite . Et le format devrait être comme dans les moyens ci-dessus je ne dois pas changer la valeur = "1", "2", "3". J'en ai besoin en javascript. Merci

Answer 1

Vous pouvez l'obtenir en saisissant le <select> puis obtenir le <option> au .selectedIndex, comme celui-ci:

var sel = document.getElementById('operation'); 
var text = sel.options[sel.selectedIndex].text; 

You can test it out here.

Answer 2

var dropdown = document.getElementById('operation'); 
var selected = dropdown[dropdown.selectedIndex].text; 

probablement vérifier aussi pour ne pas être selectedIndex hors limites

Answer 3

Essayez ceci pour alerter le texte de l'option choisie:

<select name="operation" id="operation" 
     onchange="alert(this.options[this.selectedIndex].text);"> 
    <option value="1">XXXX</option> 
    <option value="2">YYY</option> 
    <option value="3">ZZZ</option> 
</select>