JQuery Update text in a select dropdown list

Question

I am trying to update the text of one of the options on a select dropdown after an action on my page. Does anyone know how to do this in jquery? I have tried this:

$("#selectid").text("newtext");

But that will remove all of the other options in the select list and it makes it blank. I know this is not the right approach because I just want to update one of the option values. Thanks for the help

Corey Ballou · Accepted Answer · 2010-01-11 17:30:18Z

18

$('#selectid option:eq(NUMERIC_INDEX_GOES_HERE)').text('newtext');

or

$('#selectid').find('option[value="OPTION_VALUE"]').text('newtext');

or

$('#selectid option').filter('[value="OPTION_VALUE"]').text('newtext');

or

$('#selectid option:contains("OLD_TEXT_VALUE")').text('newtext');

answered Jan 11, 2010 at 17:30

Corey Ballou

43.7k8 gold badges66 silver badges77 bronze badges

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

Comments

JK. · Accepted Answer · 2010-09-21 23:54:24Z

0

And to change the option's value, you can of course use:

$('#selectid option:eq(NUMERIC_INDEX_GOES_HERE)').val('new value goes here');

answered Sep 21, 2010 at 23:54

JK.

21.6k35 gold badges139 silver badges223 bronze badges

Collectives™ on Stack Overflow

JQuery Update text in a select dropdown list

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related