Setting the text of an element using jQue

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.

Answer 1

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.

Answer 2

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.

Answer 3

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

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

Answer 4

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

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