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?

Solution 1

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

Solution 2

You can just do this:

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

Solution 3

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"

Solution 4

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

Solution 5

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

View more solutions

Comments

[Admin]

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 !

[ashish.chotalia]

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

[Clyde]

stackoverflow.com/questions/292615/… Try this one..

[jamesmortensen]

Won't the use of double quotes inside double quotes create problems?

[jamesmortensen]

selected="selected" is also valid, and is what is suggested on W3Schools. +1

[jamesmortensen]

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?

[karim79]

$('select').val('something') all that is required.

[Vivek]

@halfcube-according to the question steven spielberg wants to select those options which text is 'it's me' not value

[Mark Robinson]

This answer is copied from stackoverflow.com/questions/496052/… and does not answer what Steven is asking.

[Mark Robinson]

@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]

The single quote in it's me needs escaping.

[Simer Twilio Toronto developer]

Mark, $('select').val('Two'); will solve the problem.. what else Steven has asked?

[Hogsmill]

Not sure I can think of a situation you'd want to set all selects to a particular value? :-) Except '0', maybe...

[Harish]

you are breaking the code dude check $('select option[text="it's me"]')

[Simer Twilio Toronto developer]

@vivek he wrote i need to select the option not options

[Franco]

This is the simplest way to get the default options of a selectbox

[computercarguy]

I wasn't able to do this from the Chrome Console, but it works in the JavaScript file.

[Panama Jack]

Still the best answer in 2022.