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

Benefits of Manual Therapy for Faster Recovery from Muscle and Joint Pain

Pain in muscles and joints can be a problem in everyday life, whether it involves…

3 days ago

How Digital-First Brands Can Make Offline Marketing Feel Connected

Most modern businesses spend a lot of time thinking about digital touchpoints. Websites, email campaigns,…

6 days ago

X Bets on Video

While TikTok and Instagram battle for users’ attention with short vertical videos, Elon Musk’s social…

2 weeks ago

5 Reasons to use a professional mortgage broker

When you are looking to apply for a mortgage the one thing that most people…

4 weeks ago

Tips – Advanced Blackjack Strategy

Once you've memorized basic blackjack strategy, it's time to delve deeper into the game. Advanced…

1 month ago

The Modern Practice of Yoga: How Balance, Mindfulness, and Lifestyle Design Are Transforming Everyday Wellbeing

Yoga is no longer just a physical practice. Yoga is popular as a lifestyle practice.…

1 month ago