Selecting value of <select> tag in javascript. problem

Question

I have an external Javascript file and i am trying to alert the value of select tag.

My <select> code looks like this:

<select id="vote">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select>
<input type="button" value="vote" onclick="castvote();">

and the Javascript (which is external):

function castvote()
{
    alert(document.vote.options[document.vote.selectedIndex].value);
}

But I get the error "document.vote is undefined".

Can someone help me with this.

Best Zeeshan

Philippe Leybaert · Accepted Answer · 2009-07-13 20:59:31Z

14

If selecting by Id, you should use :

function castvote() { 
   var sel = document.getElementById("vote");

   alert(sel.options[sel.selectedIndex].value); 
}

edited Jul 13, 2009 at 20:59

answered Jul 13, 2009 at 20:55

Philippe Leybaert

172k33 gold badges213 silver badges224 bronze badges

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

2 Comments

Philippe Leybaert Over a year ago

@cdm9002: fixed it by introducing a variable. Thanks

Philippe Leybaert Over a year ago

@joel: seems you were changing the same thing as me at the same time :)

Matt Bridges · Accepted Answer · 2009-07-13 20:59:03Z

5

Easy way, change your code so that your form field has a name attribute:

<select name="vote" id="vote">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<input type="button" value="vote" onclick="castvote();">

Better way, change your javascript so it is retreiving the select box by its ID rather than through the document object:

function castvote() {
    var mySelect = document.getElementById("vote"); 
    alert(mySelect.options[mySelect.selectedIndex].value); 
}

answered Jul 13, 2009 at 20:59

Matt Bridges

49.6k7 gold badges50 silver badges62 bronze badges

Collectives™ on Stack Overflow

Selecting value of <select> tag in javascript. problem

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related