forum

home / developersection / forums / jquery get selected option from dropdown

Ask Question
Utpal Vishwas

Student

I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Follow
Can you answer this question?
Answer

1 Answers

Aryan Kumar

Aryan Kumar

01-Aug-2023

Sure, here is how to get the selected option from a dropdown using jQuery:

JavaScript

// Get the select element
var selectElement = document.getElementById("mySelect");

// Get the selected option
var selectedOption = selectElement.options[selectElement.selectedIndex];

// Get the value of the selected option
var selectedOptionValue = selectedOption.value;

The selectElement variable will contain the reference to the dropdown element. The options property of the selectElement variable will contain an array of objects, where each object represents an option in the dropdown list. The value property of each object will contain the value of the option.

The selectedIndex property of the selectElement variable will contain the index of the selected option. The options[selectElement.selectedIndex] will return the object that represents the selected option.

The value property of the selected option object will contain the value of the selected option.

Here is an example of how to use this code:

JavaScript

<html>
<body>

<select id="mySelect">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

<script>
// Get the select element
var selectElement = document.getElementById("mySelect");

// Get the selected option
var selectedOption = selectElement.options[selectElement.selectedIndex];

// Get the value of the selected option
var selectedOptionValue = selectedOption.value;

// Display the value of the selected option
console.log(selectedOptionValue);
</script>

</body>
</html>

This code will create a dropdown list with three options. When the user selects an option from the dropdown list, the value of the selected option will be displayed in the console.

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy