How to make a particular option selected in jquery

Question

I have written html as

<select class="ddl">
<option value="1">Apple</option>
<option value="2">Banana</option>
<option value="3">Cherry</option>
</select>

Now I want that if option is 1 then it should be selected as

<option value="1" selected="selected">Apple</option>

Please help me !!!

Possible duplicate of http://stackoverflow.com/questions/13343566/set-select-option-selected-by-value — Kiruse, Aug 04 '14 at 07:25

score 3 · Answer 1 · answered Aug 04 '14 at 07:21

3

You can use the val() method to set the selected option in a select, much as you would use it to set the value attribute of a standard input element. Try this:

$('select.ddl').val('1');

answered Aug 04 '14 at 07:21

Rory McCrossan

331,213
40
305
339

score 1 · Answer 2 · edited Aug 04 '14 at 07:23

1

$(".ddl [value=1]").prop("selected", true);

edited Aug 04 '14 at 07:23

Rajaprabhu Aravindasamy

66,513
17
101
130

answered Aug 04 '14 at 07:21

Hoijof

1,343
15
27

The closing double quote of selector is missing – Adil Aug 04 '14 at 07:22
Just added space in order to make the selector as a descendant selector – Rajaprabhu Aravindasamy Aug 04 '14 at 07:23

Earth · Answer 3 · 2014-08-04T07:27:42.557

0

For versions 1.6 and higher you can use,

$('.ddl option:eq(1)').prop('selected', true);

For older versions you can use,

$('.ddl option:eq(1)').attr('selected', 'selected');

edited Aug 04 '14 at 07:27

answered Aug 04 '14 at 07:22

Earth

3,477
6
37
78

score 0 · Answer 4 · answered Aug 04 '14 at 07:22

0

$('select').val(1); //To select Apple

answered Aug 04 '14 at 07:22

Dynamic

1,553
2
19
25

How to make a particular option selected in jquery

4 Answers4