jQuery: Get selected option value on DropDown (Select) change

Question

Hi teamHow to get selected option value on DropDownList Select change in jQueryWhen i change an option in DropDownList i wan to fetch its value and display itltselect id34ddlFruits34 name34Fruit34gt      ltoption value3434gtSelectltoptiongt      ltoption value34134gtAppleltoptiongt      ltoption value34234gtMangoltoptiongt      ltoption value34334gtOrangeltoptiongtltselectgt

dharmendr · Accepted Answer

Hi makenziexcTo find the selected value use the find method and reference the option Once the option is found use the val methodRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    Select Fruit    ltselect id34ddlFruits34 name34Fruit34gt        ltoption value3434gtSelectltoptiongt        ltoption value34134gtAppleltoptiongt        ltoption value34234gtMangoltoptiongt        ltoption value34334gtOrangeltoptiongt    ltselectgt    ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsjquery371jqueryminjs34gtltscriptgt    ltscript type34textjavascript34gt        function              34ddlFruits34changefunction

jQuery: Get selected option value on DropDown (Select) change

Company

Explore

Follow us

Contact Us