Get the value of select tag jQuery [duplicate]

Question

I have a code like

<select id="sel1">
    <option label="l1" value="1">Cool</option>
    <option label="l2" value="2">Hot</option>
</select>

Now I want to get the value should be either Cool or Hot while changing the value of selected item in jQuery. I am trying by querySource = $("#querySource").val(); but this is showing as 1 or 2.

How to do that?

Please use this code for getting the value $('#sel1 option:selected').text(); — Kuldeep Raj
– Kuldeep Raj, Commented Jul 17, 2013 at 6:29

Kuldeep Raj · Accepted Answer · 2013-07-17 06:23:26Z

8

Please use this one :

If you want to get text value : like Cool and Hot then ues this one

$('#sel1 option:selected').text();

If you want to get value : like 1,2 then

$('#sel1 option:selected').val();

answered Jul 17, 2013 at 6:23

Kuldeep Raj

7911 gold badge7 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:30:21Z

2

Through .val() you will receive the value of the value attribute. You can fetch the text through .text().

Use this method on your selected option! See this answer!

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Jul 17, 2013 at 6:18

Lars Ebert-Harlaar

3,5373 gold badges26 silver badges47 bronze badges

1 Comment

Mausumi Over a year ago

but if I do it by using .text() then it is showing the whole <select><option..>...</option></select> which should not be expected

Nithesh Narayanan · Accepted Answer · 2013-07-17 06:21:53Z

1

Use option:selected

querySource = $("#querySource option:selected").text();

Also you may use the followings

$("#querySource option").is("selected").text()
$("#querySource").children("option").is("selected").text()

answered Jul 17, 2013 at 6:21

Nithesh Narayanan

11.8k35 gold badges102 silver badges140 bronze badges

Comments

mkHun · Accepted Answer · 2017-10-13 12:22:09Z

1

Try this

$("#sel1 option:selected").text()

edited Oct 13, 2017 at 12:22

mkHun

5,9479 gold badges45 silver badges96 bronze badges

answered Jul 17, 2013 at 6:26

arun

852 silver badges12 bronze badges

Comments

Ghost Answer · Accepted Answer · 2013-07-17 06:21:04Z

0

you can use this

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

answered Jul 17, 2013 at 6:21

Ghost Answer

1,4982 gold badges18 silver badges41 bronze badges

Collectives™ on Stack Overflow

Get the value of select tag jQuery [duplicate]

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Linked

Related