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

时间:2010-11-18 04:51:07

标签: javascript arrays options

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

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

基本上,我在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”时,但我可以在数组中得到“2”的值,以便进行一些计算。

感谢。

2 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

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