Replace characters within an attribute in jQuery

Question

I have several options values (attribute value) that have spaces,

<option value="Divers RF" class="">Divers RF</option>

<option value="France Bleu" class="">France Bleu</option>

How can I replace the space with a _ in the value?

So the result would be

<option value="Divers_RF" class="">Divers RF</option>
<option value="France_Bleu" class="">France Bleu</option>

and not only for these two options but for all options that have spaces in them.

could you be more clear... like whether you statically want _ in values or you want to change it with jquery events — Sadiksha Gautam
– Sadiksha Gautam, Commented Jul 25, 2011 at 7:38

Kobi · Accepted Answer · 2011-07-25 07:45:21Z

2

Try this:

$('option').val(function(i,v){
   return v.replace(/\s/g, '_');
});

answered Jul 25, 2011 at 7:45

Kobi

139k41 gold badges259 silver badges302 bronze badges

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

Comments

rabudde · Accepted Answer · 2011-07-25 07:44:07Z

1

$("option").each(function() {
  var val = $(this).val();
  $(this).val(val.replace(/ /g, '_'));
}

thanks to @Fender, replace should be greedy

EDIT: adopted to replace value instead of text content

answered Jul 25, 2011 at 7:37

rabudde

7,7826 gold badges58 silver badges95 bronze badges

you should use $(this).text(val.replace(/ /g, '_')); to replace all occurences

I would look more closely at the question. I believe the OP wants the attributes changed, not the text within the option element.

Sanghyun Lee · Accepted Answer · 2011-07-25 07:43:56Z

0

$("option").each(function() {
  $(this).val($(this).val().replace(/ /g, '_'));
});

answered Jul 25, 2011 at 7:43

Sanghyun Lee

23.4k19 gold badges106 silver badges127 bronze badges