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?

Recent Posts

Warm Comfort: Choosing the Best Hot Water Bottle for Cozy Nights

Introduction: As the chill of winter settles in or a bout of cold weather strikes,…

7 hours ago

One Location, Different Perspectives: The Allure of Dubai Marina Apartments

Nestled along the glittering waterfront of the City of Gold, Dubai Marina beckons to discerning…

7 hours ago

Role Of Gojek Clone In Growth Campaigns For Your Business

When was the last time you heard that a clone app like Gojek could efficiently…

13 hours ago

How to Optimize Your E-Commerce Pages and Improve UX?

The e-commerce market is growing and evolving at a rapid pace. More and more people…

24 hours ago

What Not to Do When Navigating Through a Personal Injury Claim?

Navigating through a personal injury claim can be a complex and daunting process. If you've…

1 day ago

Overview of Reputation, Services, and Features of IplWin

IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…

3 days ago