Javascript: Obtenir la valeur de tableau quand je choisis l'option dans la liste déroulante

Question

J'espère que quelqu'un pourrait m'aider à résoudre ce problème simple.

Mon but est d'obtenir la valeur dans le tableau à partir de la liste déroulante de sélection.

Fondamentalement, je crée un tableau en Javascript et une liste déroulante de sélection dans le corps.

<script type="text/javascript"> 
    var even = new Array(2, 4, 6); 
</script> 
. 
. 
. 
<select id="evenNumbers"> 
    <option value="1">two</option> 
    <option value="2">four</option> 
    <option value="3">six</option> 
</select> 

Ma question est de savoir comment puis-je obtenir la valeur dans le tableau si je sélectionne l'option dans la liste déroulante? par exemple. quand je sélectionne "deux" dans la liste déroulante, mais je peux obtenir la valeur de "2" dans le tableau afin de faire un peu de calcul.

Merci.

Answer 1

votre boîte de sélection ressemblera à ceci

<select > 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 

si vous voulez remplir des valeurs pour mettre une boucle.

pour obtenir sélectionné valeur de l'option

this.options[this.selectedIndex].value 

http://awesomerails.wordpress.com/2007/12/04/get-the-value-of-a-selected-option-with-javascript/

Answer 2

document.getElementById('evenNumbers').onchange = function() { 
    var index = this.value - 1; // array indices start at 0 
    alert(even[index]); 
}