Javascript：当我在下拉列表中选择选项时获取数组值

Question

我希望有人能够帮助我解决这个简单的问题。

我的目标是从选择下拉列表中获取数组中的值。

基本上，我在Javascript中创建了一个数组，并在主体中创建了一个选择下拉列表。

<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> 

我的问题是如何从数组下拉列表中选择选项的数组中的值？例如当我从下拉列表中选择“two”时，但为了做一些计算，我可以在数组中获得“2”的值。

谢谢。

Answer 1

您的选择框，看起来像这样

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

如果要填充值把一个for循环。

用于获取所选的选项值

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]); 
}