I will create an HTML file with a simple form with a select option. Method 1: Using the value property: The value of the selected element can be found by using the value property on the select element that defines the list. Get Selected Option Value from Dropdown in jQuery. Based on your requirement, single or both values can get from the select element. With jQuery, it is easy to writing one line of code to change the selected value from a drop-down list. Angular Material 10|9 File Browse/Upload UI-Design in Form for Input with File Type using Material Components, Angular 10|9 Best Video Player using ngx-videogular with Customized Controls, How to Debug Stored Procedures in SQL Server using Visual Studio 2019, Download/ Install SQL Server 2019 Free/ Community Edition for Windows 10 Step by Step, React + Material UI | Accordion Tabs Tutorial with Example, Angular 10|9 Reactive Form Validation Messages for Email, Password, Name and Address, React + Material-UI Datepicker and Timepicker Tutorial, React + Firebase + Material UI | Create a TODO App with CRUD Operations using Firebase Database. 1. jQuery. Add a calculated value control. Use jQuery to get values of selected checkboxes? In Javascript, it becomes a bit tricky to fetch selected values, but in jQuery, we have some predefined and easy methods to fetch values from form fields like drop down. With jQuery, you can use .val() method to get the selected value from a drop-down. With jQuery, it’s easy to get selected text from a drop-down list. Here, we have a default select option first, but the alert shows the second option, which have been changed using the val method(): How to get selected text from a drop-down list (select box) using jQuery? This is done using the select id. Select Fruit: