Reading selected value of dropdown list in HTML by jQuery

Question

I am trying to read the value of the selectedID in a drop down list in html through jQuery but it keeps producing an error. Did I miss something?

<select style="width: 80px;" class="text ui-widget-content ui-corner-all" id="metaList">
<option value="4d5e3a8c418416ea16000000">Wikipedia</option>  
<option value="4d5e3a8c418416ea16010000">Twitter</option>  
<option value="4d5e3a8c418416ea16020000">DBPedia</option>  
<option value="4d64cd534184162629000000">test</option>          
</select>

I tried which used to work before

var temp = $("#metaList").val();

but it produces NULL!

Thariama · Accepted Answer · 2011-02-23 12:02:24Z

2

Your function call is correct, but nothing is selected. That is the reason why NULL is returned.

answered Feb 23, 2011 at 12:02

Thariama

50.9k13 gold badges146 silver badges175 bronze badges

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

2 Comments

Ahmad Farid Over a year ago

Oh! Guess what, Yes and No! I was selecting but I had two lists with the same id! So it was looking at the old one. Thanks for the idea!

Shakti Singh Over a year ago

First option of select list is always being selected by default

ihamlin · Accepted Answer · 2011-02-23 12:11:25Z

1

Try:

var temp = $("#metaList option:selected").val();

answered Feb 23, 2011 at 12:11

ihamlin

1803 bronze badges

Collectives™ on Stack Overflow

Reading selected value of dropdown list in HTML by jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related