Добавить элементы формы в один элемент формы

Question

Хорошо,

Допустим, я создаю форму.И это адресная форма, элементы формы как таковые:

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

И кто-то заполняет форму:

1
smith street
townsville

То, что я хочу (аналогично переполнению стека в живой форме) Это другоеэлемент формы, который распространяет записи поля формы в прямом эфире, но заменяет пробелы текстом:

Таким образом, он выглядит так: 1+snith+street+townsville

С кнопкой поиска в конце.Затем это запускает остальную часть сценария, который мы уже сделали, который в основном захватывает широту и длину адреса и отображает gmap.

По сути, это так, но нам нужно, чтобы все это происходило, пока наформы, и перед отправкой.

Любая помощь приветствуется, попросили несколько других мест.Никакой радости, но всегда используйте StackOverflow .. Спасибо, Оззи

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);
});

Answer 2

Если вы отправляете это для поиска, используйте encodeURIComponent(), чтобы кодировать все необходимое, например:

$("#form1 input[type=text]").bind("keyup change", function() {
  var vals = $("#form1 input[type=text]").map(function() { return this.value; });
  $("#otherField").val(encodeURIComponent(vals.join(" ")));
});

Answer 3

здесь что-то, что может работать.,.

$(document).ready(function(){

  $('body').live('keypress', function (event) {

    if ($(event.target).hasClass('form-element')) {
      var text;
      $('#yourform input.form-element').each(function() {
        text += $(this).attr('value') + '+';
      });

      $('#yourtargetelementthatwillholdallthenames').attr('value', text.substring(0,text.length - 1))
    }

  });

});

Я не пробовал это в браузере, но попробую.Это может потребовать некоторой настройки для ваших нужд.