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

【问题标题】：Javascript: Get array value when I select the option in the drop down listJavascript：当我在下拉列表中选择选项时获取数组值
【发布时间】：2011-05-11 20:07:40
【问题描述】：

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

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

基本上，我在 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>

我的问题是，如果我从下拉列表中选择选项，如何获取数组中的值？例如当我从下拉列表中选择“两个”时，我可以在数组中获取“2”的值以进行一些计算。

谢谢。

【问题讨论】：

标签： javascript arrays options

【解决方案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/

【讨论】：

【解决方案2】：

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

【讨论】：