Question

Ok ,

Lets say I am creating a form. And its an address form,form elements as such :

field 1 / house number
field 2 / street name
field 3 / suburb 
etc etc etc

And someone fills in the form,:

1
smith street
townsville

What I want ( similar to stack overflows live form )
Is another form element, that propagates the form field entries LIVE but replaces spaces with text:

So it appears like: 1+snith+street+townsville

With a search button at the end. This then triggers the rest of the script we have already done, which basicaly grabs the lat and long of the address and displays a gmap.

Thats essentially it, but we would need that all this occurs, whilst on the form, and before submission.

Any help appreciated, have asked several other places. No joy, but always use StackOverflow..
Thanks Ozzy

Answer 1

$('#my_form input').change(function() {
  var new_text = '';
  $('#my_form input').each(function() {
    new_text += $.trim($(this).val()).replace(' ', '+') + '+';
  });
  $('#my_display').val(new_text);
});