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.

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

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