Getting value of dropdown box in javascript

Question

I'm trying to get the value of a drop down box and keep getting the error Uncaught TypeError: Cannot read property 'selectedIndex' of null.

Heres my code:

JS

expirationYearSelectedIndex = document.getElementById("selYear").selectedIndex;
    console.log("expirationYearSelectedIndex = " + expirationYearSelectedIndex);

    expirationYear = document.getElementById("selYear").options[expirationYearSelectedIndex].value;
    console.log("expirationYear = " + expirationYear);

HTML

<form action="">
    <select id="SelYear" name="selYear">
        <option selected value=""> Select a Major....</option>
        <option value="Comptuer Information Systems"> CIS</option>
        <option value="Math"> M</option>
        <option value="CS"> CS</option>
        <option value="History"> H</option>
    </select>
</form>

Dean Whitehouse · Accepted Answer · 2014-03-17 17:10:44Z

1

Missed the capital S on the ID name <select id="SelYear" name="selYear">

document.getElementById("SelYear");

answered Mar 17, 2014 at 17:10

Dean Whitehouse

8941 gold badge9 silver badges26 bronze badges

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

3 Comments

Reduls Over a year ago

Guess I just needed another set of eyes! Thanks so much I have looked and looked over it and thought I was coding it wrong!! Thanks so much!

Dean Whitehouse Over a year ago

No problem, don't forget to mark the correct answer :)

Reduls Over a year ago

Will do! Just have to wait 6 more minutes before itll let me.

Collectives™ on Stack Overflow

Getting value of dropdown box in javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related