DO YOU NEED A CONTENT WRITER FOR YOUR BUSINESS?

Your One-Stop Solution for All Content Needs! Click here for more!
Categories: jQuery

Get selected text from drop down list in jQuery

Share

jQuery select elements typically have two values which you want to access. First thing is that there is the value that you can get i.e.

$( "#selectID" ).val();

And the second thing is the text value of the select box.
Using the following select box you can get the text which is selected.

Get selected text from drop down list:

<select id="selectID">
<option value="1">A</option>
<option value="2" selected="selected">B</option>
<option value="3">C</option>
</select>

So, if you want to get the string “B” if the second option is selected (instead of just “2”) then you would do that in the following way:

$("#selectID option:selected").text();

Read: How to check checkbox with jQuery?

Namaste UI

For any types of queries, you can contact us on info[at]namasteui.com.

Recent Posts

6 Common Injuries After a Motorcycle Accident

Motorcycle accidents often lead to severe injuries because riders have minimal protection compared to drivers…

2 days ago

How Automation And SEO Can Improve Customer Experience

No business owner starts his or her business with the hope of making losses. Everyone…

2 days ago

5 Effects of a Car Accident

Car accidents can be traumatic, and the physical and psychological aftermath of a car accident…

4 days ago

How Worker’s compensation insurance Works?

Worker's compensation insurance deals with all those employees that get work-related injury or illness. When…

4 days ago

Why Mobile-First Stores Win: The Complete Guide to Mobile Commerce UX

Mobile commerce is no longer a trend. It is the main stage where buyers make…

4 days ago

What are the Benefits of Artificial Intelligence in Education?

The field of education welcomes and recognizes AI's potential to provide a more immersive learning…

4 days ago