Setting the text of an <option> element using jQuery

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');

B开发者_高级运维ut I am clearly missing something.

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

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

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.

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

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

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.