JavaScript: Get HTML DropDown (Select) Selected Index

Question

How to get the DropDown Selected Index in JavaScriptI have a DropDown with options Mango ASpple OrangeWhen i select an option from DropDownList and click on button i want display the selected index in JavaScript alert box

dharmendr · Accepted Answer

Hi makenziexcFirst reference the DropDown using documentquerySelectorThen you can find the selected index using the selectedIndex 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 GetSelectedIndex              Referencing DropDownList            var ddlFruits  documentquerySelector39ddlFruits39             Referencing Selected Index            var selected

JavaScript: Get HTML DropDown (Select) Selected Index

Company

Explore

Follow us

Contact Us