Get selected option from dropdown using jQuery

Lately I have been trying to do more on the client side, one of the nice things about jQuery is getting the values of options from dropdown.


// get value of selected option form a dropdown
var selectedVal = $('#YourDropdownId option:selected').val();

// get text of selected option form a dropdown
var selectedVal = $('#YourDropdownId option:selected').text();

Very handy, remember you can play around with this sort of jQuery/Javascript inside a browsers console window!

Advertisements

Published by

Alan Feekery

Developer, Gamer, Musician, Cyclist and big Motorsport fan... enjoys the odd cup of coffee :)

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s