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

But I am clearly missing something.

回答1:

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

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

回答2:

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.

回答3:

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

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

回答4:

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.

来源：https://stackoverflow.com/questions/5380704/setting-the-text-of-an-option-element-using-jquery