.replace不适用于serializeArray（）中的值

Question

I am trying to iterate through a form and replace any instance of a space with a + for a certain field. It seems that I can change the value directly, but I can't get it to replace any instances of a space within that value.

Please see my code below:

$('#search-form').bind('submit', function(){

  var params = new Array();

  $.each($(this).serializeArray(), function(i, field){

       if(field.name == 'submit' || field.name == 'reset') return;

       if(field.name == 'location' && field.value.indexOf(' ')>=0)
       {
            // this is where I am struggling
            this.value.replace(/ /g,"+");
            alert(this.value);
       }                    

       params.push(field.name + '=' + encodeURIComponent(field.value));

  });

  do_search(params.join('&'));

  return false;
});

Any help would be greatly appreciated.

Thanks

*Edit Thanks for the help guys. I learned something new about .replace today.

Answer 1

you need to assign the replacement to the value

so instead of

this.value.replace(/ /g,"+");

change it to

this.value = this.value.replace(/ /g,"+");

so the whole thing might look like this

$('#search-form').bind('submit', function(){

  var params = new Array();

  $.each($(this).serializeArray(), function(i, field){

       if(field.name == 'submit' || field.name == 'reset') return;

       if(field.name == 'location' && field.value.indexOf(' ')>=0)
       {
            // this is where I am struggling
            field.value = field.value.replace(/ /g,"+");
       }                    

       params.push(field.name + '=' + encodeURIComponent(field.value));

  });

  do_search(params.join('&'));

  return false;
});