Set the default value in dropdownlist using jQuery

Question

I have many options in my dropdownlist like:

<option value="1">it's me</option>

I need to select the option who have value it's me inside the tag, not by attribute like 1.

How can I do this using jQuery?

Well i want to select them through the 'it'sme' value. but very few of us try to do with it.but thanks to all ! — , Jan 24 '11 at 11:45
$("#myCombobox option[text='it\'s me']").attr("selected","selected"); — ashish.chotalia, Jan 24 '11 at 11:53
http://stackoverflow.com/questions/292615/how-can-i-set-the-value-of-a-dropdownlist-using-jquery Try this one.. — Clyde, Apr 16 '13 at 08:29

kylewelsby · Accepted Answer · 2013-06-11T09:38:53.377

107

if your wanting to use jQuery for this, try the following code.

$('select option[value="1"]').attr("selected",true);

Updated:

Following a comment from Vivek, correctly pointed out steven spielberg wanted to select the option via its Text value.

Here below is the updated code.

$('select option:contains("it\'s me")').prop('selected',true);

You need to use the :contains(text) selector to find via the containing text.

Also jQuery prop offeres better support for Internet Explorer when getting and setting attributes.

A working example on JSFiddle

edited Jun 11 '13 at 09:38

answered Jan 24 '11 at 11:36

kylewelsby

4,031
2
29
35

1

selected="selected" is also valid, and is what is suggested on [W3Schools](http://www.w3schools.com/TAGS/tag_option.asp). +1 – jamesmortensen Jan 24 '11 at 11:39
8

`$('select').val('something')` all that is required. – karim79 Jan 24 '11 at 11:41
2

@halfcube-according to the question steven spielberg wants to select those options which text is 'it's me' not value – Vivek Jan 24 '11 at 11:42
you are breaking the code dude check $('select option[text="it's me"]') – Harish Jan 24 '11 at 12:10
@vivek he wrote i need to select the option not options – Simer Twilio Toronto developer Jan 24 '11 at 12:17

Hogsmill · Answer 2 · 2011-01-24T16:35:46.487

47

You can just do this:

$('#myCombobox').val(1)

edited Jan 24 '11 at 16:35

answered Jan 24 '11 at 11:39

Hogsmill

1,574
13
21

1

I wasn't able to do this from the Chrome Console, but it works in the JavaScript file. – computercarguy May 02 '19 at 19:46
Still the best answer in 2022. – Panama Jack Feb 02 '22 at 02:28

Simer Twilio Toronto developer · Answer 3 · 2011-01-24T11:58:52.217

7

val() should handle both cases

  <option value="1">it's me</option>      


$('select').val('1'); // selects "it's me"

$('select').val("it's me"); // also selects "it's me"

edited Jan 24 '11 at 11:58

answered Jan 24 '11 at 11:34

Simer Twilio Toronto developer

2,268
3
16
19

3

This answer is copied from http://stackoverflow.com/questions/496052/jquery-setting-the-selected-value-of-a-select-control-via-its-text-description and does not answer what Steven is asking. – Mark Robinson Jan 24 '11 at 11:43
Mark, $('select').val('Two'); will solve the problem.. what else Steven has asked? – Simer Twilio Toronto developer Jan 24 '11 at 11:57
Not sure I can think of a situation you'd want to set all selects to a particular value? :-) Except '0', maybe... – Hogsmill Jan 24 '11 at 11:59

score 4 · Answer 4 · answered Oct 06 '15 at 19:03

4

$('#userZipFiles option').prop('selected', function() {
        return this.defaultSelected;
    });

answered Oct 06 '15 at 19:03

Franco

2,309
1
11
18

This is the simplest way to get the default options of a selectbox – Franco Oct 06 '15 at 19:05

Vivek · Answer 5 · 2011-01-24T12:15:18.540

2

$("#dropdownList option[text='it\'s me']").attr("selected","selected");

edited Jan 24 '11 at 12:15

answered Jan 24 '11 at 11:40

Vivek

10,978
14
48
66

The single quote in *it's me* needs escaping. – Mark Robinson Jan 24 '11 at 11:50

score 1 · Answer 6 · answered Jan 24 '11 at 11:38

1

jQuery("select#cboDays option[value='Wednesday']").attr("selected", "selected");

answered Jan 24 '11 at 11:38

Harish

2,311
4
23
28

ashish.chotalia · Answer 7 · 2011-01-24T11:51:10.477

0

This is working fine:

$('#country').val($("#country option:contains('It\'s Me')").val());

edited Jan 24 '11 at 11:51

answered Jan 24 '11 at 11:33

ashish.chotalia

3,696
27
28

Won't the use of double quotes inside double quotes create problems? – jamesmortensen Jan 24 '11 at 11:37

score 0 · Answer 8 · answered Jan 24 '11 at 11:34

0

One line of jQuery does it all!

$("#myCombobox option[text='it\'s me']").attr("selected","selected");

answered Jan 24 '11 at 11:34

Mark Robinson

13,128
13
63
81

Won't you have problems with the quotes within quotes? How will JQuery know what's going on if your inner double quotes are not escaped? Perhaps I'm missing something here? – jamesmortensen Jan 24 '11 at 11:40
@jmort253 - if you are consistent you can mix single and double quotes as long as you use one to mark the outer string and the other to use internally in the string. Eg. "This is valid ''' :) " and "This is invalid """ :(". – Mark Robinson Jan 24 '11 at 11:48

Set the default value in dropdownlist using jQuery

8 Answers8

Linked

Related