JavaScript: Get selected option text and value on DropDownList (Select) change

Question

How to get selected option text and value on DropDownList Select change in JavaScriptltselect id34ddlFruits34gt    ltoption value3434gtSelectltoptiongt    ltoption value34134gtAppleltoptiongt    ltoption value34234gtMangoltoptiongt    ltoption value34334gtOrangeltoptiongtltselectgt

dharmendr · Accepted Answer

Hi makenziexcRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    Select Fruit    ltselect id34ddlFruits34 onchange34GetSelectedFruit34gt        ltoption value3434gtSelectltoptiongt        ltoption value34134gtAppleltoptiongt        ltoption value34234gtMangoltoptiongt        ltoption value34334gtOrangeltoptiongt    ltselectgt    ltscript type34textjavascript34gt        function GetSelectedFruit              Referencing DropDownList            var ddlFruits  documentquerySelector39ddlFruits39             Referencing Selected Index            var selectedIndex  ddlFruitsselectedIndex            if selectedIndex gt 0                  Referencing Sele

JavaScript: Get selected option text and value on DropDownList (Select) change

Company

Explore

Follow us

Contact Us