Get the value of select tag jQuery

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, Jul 17 '13 at 06:29

score 8 · Answer 1 · answered Jul 17 '13 at 06:23

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 '13 at 06:23

Kuldeep Raj

791
1
7
29

score 2 · Answer 2 · edited May 23 '17 at 10:30

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 '17 at 10:30

Community

1
1

answered Jul 17 '13 at 06:18

Lars Ebert

3,487
2
24
46

but if I do it by using .text() then it is showing the whole which should not be expected – Mausumi Jul 17 '13 at 06:20

score 1 · Answer 3 · answered Jul 17 '13 at 06:21

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 '13 at 06:21

Nithesh Narayanan

11,481
34
98
138

score 1 · Answer 4 · edited Oct 13 '17 at 12:22

1

Try this

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

edited Oct 13 '17 at 12:22

mkHun

5,891
8
38
85

answered Jul 17 '13 at 06:26

arun

85
2
12

score 0 · Answer 5 · answered Jul 17 '13 at 06:21

0

you can use this

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

answered Jul 17 '13 at 06:21

Ghost Answer

1,458
1
17
41

Get the value of select tag jQuery

5 Answers5