Php 将表单元素添加到一个表单元素

嗯

假设我正在创建一个表单。它是一种地址形式，形式元素如下：

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

有人填了表格：

1
smith street
townsville

我想要什么（类似于stack overflows live表单） 是另一个表单元素，它实时传播表单字段条目，但用文本替换空格：

所以它看起来像：

1+snith+street+townsville

最后有一个搜索按钮。然后，这将触发我们已经完成的脚本的其余部分，Basicali将获取地址的lat和long并显示gmap

基本上就是这样，但我们需要所有这些都发生在表单上和提交之前

感谢您的帮助，我已经询问了其他几个地方。没有乐趣，但始终使用StackOverflow。。

---

谢谢Ozzy这里有一些可能有用的东西

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

$(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)) } }); }); $（文档）.ready（函数（）{ $（'body'）.live（'keypress'，函数（事件）{ if（$（event.target）.hasClass（'form-element'））{ var文本； $（'#yourform input.form元素'）。每个（函数（）{ text++=$（this.attr（'value'）++'； }); $（“#您的targetElementThwillholdAlltheNames'）.attr（'value'，text.substring（0，text.length-1）） } }); });

---

我没有在浏览器中尝试过这个，但是尝试一下。它可能需要根据您的需要进行一些调整。

如果您提交此文件用于搜索，请改用它，以便对所需的所有内容进行编码，如下所示：

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

---

“…已经问了其他几个地方。没有乐趣，但总是使用StackOverflow…”我正在努力理解这一点，这可能会让我一整天都感到困扰。你能更好地解释一下吗？你能不能把这个脚本作为一个例子？对不起，尼克，我是说制作一个演示。我对js或jQuery不是很在行。而且不知道如何将侦听器绑定到表单元素。这是一个非公共项目。我可以通过电子邮件向您发送链接，以及我们正在尝试的内容的截图achieve@user501173-只需

标记本身就可以了，例如在JSFIDLE上：对不起，表单已经嵌入到我们的网页中，而且太大了。加上许多依赖性。不管怎样，谢谢你能不能把这个作为一个例子写下来？对不起，我的代码中只做了几处修改。不过，请在JSFIDLE上查看这一点。这应该是你所需要的干杯亚伦，这几乎是100%，我们还可以添加搜索按钮？嗯，你是不是也要搜索代码？或者标签在HTML中是什么样子的？本质上，您创建的内容非常出色。但与其将结果塞进一个div中，它实际上需要在一个搜索字段中，使用search按钮。基本上，如果你看一下这个家伙的gmap脚本，我们需要知道你做了什么，被塞进搜索栏：link-