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!

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!

• javascript
• jquery

Share Improve this question Follow edited Feb 23, 2011 at 12:14 Gordon 317k7676 gold badges546546 silver badges565565 bronze badges asked Feb 23, 2011 at 11:58 Ahmad FaridAhmad Farid 14.8k4545 gold badges9898 silver badges138138 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

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

Try:

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