How to get dropdown selected value in javascript?

Alternatively, if using jQuery:javascriptCopy codevar selectedValue = $('#mySelect').val();console.log(selectedValue);This is simpler for modern web applications.

Here are the main methods to get dropdown selected value in JavaScript:Method 1: Using value property (simplest)```javascriptvar dropdown = document.getElementById("myDropdown");var selectedValue = dropdown.value;Method 2: Using selectedIndexjavascriptvar dropdown = document.getElementById("myDropdown");var selectedText = dropdown.options[dropdown.selectedIndex].text;var selectedValue = dropdown.options[dropdown.selectedIndex].value;Method 3: Using event listenerjavascriptdocument.getElementById("myDropdown").addEventListener("change", function() { console.log(this.value); // Gets value on change console.log(this.options[this.selectedIndex].text); // Gets text});Method 4: Using querySelectorjavascriptvar selectedValue = document.querySelector('#myDropdown').value;The .value property is usually sufficient unless you need the display text instead of the value attribute.

To get the selected value from a dropdown in JavaScript, you can use: ```javascriptvar dropdown = document.getElementById("mySelect");var selectedValue = dropdown.options[dropdown.selectedIndex].value;console.log(selectedValue);This will print the currently selected option's value to the console.