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

How Did The Restaurant Industry change In Post Pandemic Era?

The coronavirus outbreak has drastically changed the way we live our lives. Yes, that's absolutely…

2 days ago

A Guide To CPQ and How It Fuels Marketing and Sales

Sales and marketing teams help attract, convert, and retain customers to ensure an organization’s long-term…

1 week ago

Top Questions Asked About Invoice Financing Applications

Are you an owner of a small business who’s trying to come up with ways…

2 weeks ago

Complete Medical Guide to Blood Sugar Testing and Glucose Control

Introduction When patients bring me their lab reports, the confusion is almost always the same.…

3 weeks ago

6 Tips to Strategically Remodel Your Home

Are you excited about remodeling your house after a long time? Perhaps if you're planning…

3 weeks ago

Driving Finding Balance on and off the Mat: How Calm Awareness Supports Everyday

The practice of yoga teaches us to be present, patient and mindful of our decisions.…

3 weeks ago