Question

How do you get the value of a selected option in a dropdown using jQuery?

How can I get the value of the selected option in a <select> dropdown using jQuery? I need to access the selected option's value so I can use it in my code, but I'm not sure of the correct jQuery method to do this.

Answer 1

To get the selected value of an option using jQuery from within a dropdown, you should call the .val() method on the <select> element. Here's how to:

Suppose you have this dropdown with the ID #hiDropdown:

<select id="hiDropdown">
<dropdown value="1">One</ dropdown >
<dropdown value="2">Two</ dropdown >
<dropdown value="3">Three</ dropdown >
</select>

Get the value of the selected option this way:

var selectedValue = $("#hiDropdown").val();
console.log("Selected value:", selectedValue);