JavaScript: Get Selected Value from DropDown (Select) using DOM

Question

How to get the selected value from DropDown select using value property in JavaScriptI have a DropDown with some options and a buttonWhen i select one option and click on the button i want to fetch the valueHow can i do it in JavaScript

dharmendr · Accepted Answer

Hi makenziexcFirst reference the DropDown using documentquerySelector and get the value using the HTML DOM value propertyRefer below exampleHTMLlthtmlgtltheadgt    ltmeta charset34utf834 gt    lttitlegtlttitlegt    ltstyle type34textcss34gt        body  fontfamily Arial fontsize 10pt     ltstylegtltheadgtltbodygt    Select Fruit    ltselect id34ddlFruits34 name34Fruit34gt        ltoption value3434gtltoptiongt        ltoption value34134gtAppleltoptiongt        ltoption value34234gtMangoltoptiongt        ltoption value34334gtOrangeltoptiongt    ltselectgt    ltscript type34textjavascript34gt        function GetSelectedFruit              Referencing DropDownList            var ddlFruits  documentquerySelector39ddlFruits39             Referencing Selected Value            var selectedValue  ddlFruitsv

JavaScript: Get Selected Value from DropDown (Select) using DOM

Company

Explore

Follow us

Contact Us