Setting the text of an <option> element using jQuery

Question

Using jQuery what is the best way of editing option text for a given select value.

I know the value of the option I want to edit. I thought it would be something like...

$('#select').val().$('option').html('New Text');

But I am clearly missing something.

$('#select option:selected').text("new text")

Bob
– Bob

2011-03-21 16:42:00 +00:00
Commented Mar 21, 2011 at 16:42 — Bob
– Bob, Commented Mar 21, 2011 at 16:42

Anurag · Accepted Answer · 2011-03-21 16:41:32Z

28

$('#select option[value="someValue"]').text("newText")

could use .html instead of .text, if adding html content.

answered Mar 21, 2011 at 16:41

Anurag

142k37 gold badges223 silver badges262 bronze badges

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

Comments

kieran · Accepted Answer · 2014-02-24 10:34:04Z

8

Something like this?

$('#select').children('option').text('New Text');

Have a look at Selectors for more information on selecting the correct item. You could do something like

$('#select').children('option:first').text('New Text');

Or you can use

$('#select').children('option[value="thevalue"]').text('New Text');

If you know the value.

edited Feb 24, 2014 at 10:34

answered Mar 21, 2011 at 16:43

kieran

2,3224 gold badges28 silver badges44 bronze badges

1 Comment

Karim Samir Over a year ago

none of them works for me and you have an error in .children. there is no dot after children

Frédéric Hamidi · Accepted Answer · 2011-03-21 16:42:27Z

5

You're probably looking for the :selected selector and the text() method:

$("#select option:selected").text("New Text");

answered Mar 21, 2011 at 16:42

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Comments

doru · Accepted Answer · 2015-07-20 09:40:57Z

3

This one help you to get the options value,

$('#select_id').children('option[value="thevalue"]').text('New Text');

And you can set default selected value by using prop() function. Take an example here.

edited Jul 20, 2015 at 9:40

doru

9,1502 gold badges37 silver badges45 bronze badges

answered Mar 24, 2014 at 11:22

varadha

511 bronze badge

Collectives™ on Stack Overflow

Setting the text of an <option> element using jQuery

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related