Drop Down Menu With Onclick Javascript Functions

I'm trying to create a drop down menu that calls a JavaScript function when clicked. My drop down menu is like this: ) { console.log(e.value); } elseif (e.value === 'AN02') { console.log(e.value); } elseif (e.value === 'AN03') { console.log(e.value); } }Copy<selectname="navyOp"onchange="test(this);"><optionselected="selected">Select a Navy Op Area</option><optionvalue="AN01">AN01</option><optionvalue="AN02">AN02</option><optionvalue="AN03">AN03</option></select>CopySolution 2: You can try thishtml change or edit:<select name = "navyOp"id = "navyOp"> CopyJavaScript:document.getElementById("navyOp").onchange = function() { if(this.value === "AN01") { //do this functionalert("an01"); } elseif(this.value == "AN02") { //do this functionalert("an02"); } elseif(this.value == "AN03") { alert("an03"); } }; CopySolution 3: You could add a function that gets called everytime you change the value :HTML<selectname = "navyOp"onChange="myFunction()"><optionselected = "selected">Select a Navy Op Area</option><optionvalue = "AN01">AN01</option><optionvalue = "AN02">AN02</option><optionvalue = "AN03">AN03</option></select>CopyJSvar myDropdown=document.getElementsByName('navyOp')[0]; functionmyFunction(){ alert('option changed : '+myDropdown.value); } CopyJS FiddleSolution 4: One way to do this is functionexpand(s) { var td = s; var d = td.getElementsByTagName("div").item(0); td.className = "menuHover"; d.className = "menuHover"; } CopyYou have to do this for each of your options menu. Hope this answers your question Share Post a Comment for "Drop Down Menu With Onclick Javascript Functions" Top Question Firefox, Chrome, Safari Have Grey Background For Mp4 Html5 Video Any video (that I can make) with a white background becomes… Red Border Still Appears On Inputs After Resetting An HTML 5 Form Firefox I have an HTML 5 form! Great, I'm excited! I decide to … Svg Animation And Firefox I'm struggle with SVG animation drawing, which is work … How To Save Html5 Geolocation Data To Python Django Admin? Is it possible to save the javascript html5 geolocation lat… How To Hide/show Tabs Using Jquery I have four tabs.On loading only the first tab is opened an… Form To Iframe Submission - How Do You Reset The Form After File Upload? I have a form that submits the results to an iframe. The su… How To Limit The Html Table Records In Each Page I am populating a table in my jsp which has more than 20 re… How To Display A Python String As Html In Jupyter Notebook In IPython notebook, I used to be able to display a python … How To Add Placeholder Field?

I've been trying to add placeholder in input type='…