How to change input option text with jQuery?

Question

I want to target this input and change it dynamically with jQuery:

<select id="sub_cat" style="" name="sub_cat">
<option selected="selected" value="-10">All</option>

I want to be able to change 'All' with an if statement based on different variables. Is this possible with jQuery? And how? Any help is appreciated. Thanks

$('#option_id').text('target text'); would change the option text to whatever you want, the if statements shouldn't be too hard to do — orhanhenrik
– orhanhenrik, Commented Aug 26, 2012 at 1:00

Gabe · Accepted Answer · 2012-08-26 01:01:27Z

1

jsFiddle Example

var option = $('#sub_cat').find('option:contains("All")');
option.text('New Text');

answered Aug 26, 2012 at 1:01

Gabe

50.7k29 gold badges147 silver badges182 bronze badges

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

Comments

Peter Olson · Accepted Answer · 2012-08-26 01:13:10Z

1

This will change the value of the selected option depending on the value of a lang variable.

$("#sub_cat option").each(function() {
  var option = $(this);
  var val = option.val();
  if(val === "All") option.val("Hepsi");
});

edited Aug 26, 2012 at 1:13

answered Aug 26, 2012 at 1:03

Peter Olson

144k49 gold badges209 silver badges250 bronze badges

Collectives™ on Stack Overflow

How to change input option text with jQuery?

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