Get selected Text and Value of DropDownList using jQuery

Last updated on April 29, 2016

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.

// dropdown markup

    Mr
    Mrs
    Ms
    Dr
    Prof

// 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.