Setting the text of an <option> element using jQuery

Question

Using jQuery is the best way to edit option text for a given selection value.

I know the value of the parameter that I want to change. I thought it would be something like ...

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

But I obviously missed something.

Answer 1

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

can use .html instead of .text if you add html content.

Answer 2

Something like that?

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

See Selectors for more information on choosing the right 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 meaning.

Answer 3

You are probably looking for : selected selector and text () :

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

Answer 4

This will help you get the value of the parameter,

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

And you can set the selected default value using the prop() function. An example is here .