Get selected Text and Value of DropDownList using jQuery

This tutorial illustrates about getting selected Text and Value of HTML Select DropDownList on Button click using jQuery.

The following HTML Markup consists of an HTML Select DropDownList and a Button.

Now add jQuery to footer of the page.

Final and import step, let’s bind click event handler to the button and read selected value and text of the dropdown

That’s is it.

By Arjun

I am Arjun from Hyderabad (India). I have been working as a software engineer from the last 7+ years, and it is my passion to learn new things and implement them as a practice. Aside from work, I like gardening and spending time with pets.

0 0 vote
Article Rating
Notify of
1 Comment
Newest Most Voted
Inline Feedbacks
View all comments
Shavindi Pathirana
Shavindi Pathirana
2 years ago

Thank you very much…