Javascript: Get array value when I select the option in the drop down list

Question

I hope that someone would be able to help me to solve this simple problem.

My goal is to get the value in the array from selection drop down list.

Basically, I create an Array in Javascript and a selection drop down list in the body.

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

My question is how can I get the value in the Array if I select the option from the drop down list? e.g. when I select "two" from the drop down list, but I can get the value of "2" in the array in order to do some calculation.

zod · Accepted Answer · 2010-11-18 05:00:56Z

1

your select box will look like this

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

if you want to populate values putting a for loop.

for getting selected option value

this.options[this.selectedIndex].value

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

answered Nov 18, 2010 at 5:00

zod

12.5k25 gold badges74 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

casablanca · Accepted Answer · 2010-11-18 04:58:24Z

0

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

answered Nov 18, 2010 at 4:58

casablanca

70.9k8 gold badges139 silver badges155 bronze badges

Collectives™ on Stack Overflow

Javascript: Get array value when I select the option in the drop down list

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related