在serializeArray()后使用每个()表单

Question

所以我有这样一个表格：

<form>
  <input name="name" value="A. Hitchcock">
  <input name="email" value="a.hitchcock@psychose.com">
  <input name="name" value="Q. Tarantino">
  <input name="email" value="q.tarantino@killbill.com">
  ...
</form>

很简单的一个。它允许我从我的客户那里得到name和email。使用jQuery，我有一个按钮允许我向表单中添加更多的客户(name和email)。

我需要在每个表单更改上回显这些数据，所以我使用了以下代码：

$('.form-horizontal').on('change','input', function(){
  var dataArray = $('#list-items').serializeArray();
});

使用serializeArray()，我可以将所有数据序列化为一个数组。

我的问题是使用这个serializeArray()像这样显示这些数据

• A. Hitchcock的电子邮件地址是：a.hitchcock@psychose.com。
• Q. Tarantino的电子邮件地址是：q.tarantino@killbill.com。

能帮我一下怎么做吗？

Answer 1

在不更改HTML代码的情况下，您可以像下面的代码一样将names和emails分离到两个Arrays中，并在简单的for循环中按需要将它们连接起来：

全文Js :

$('.form-horizontal').on('change','input', function(){  
    var names = $("form input[name='name']").serializeArray();
    var emails = $("form input[name='email']").serializeArray();

    for(var i=0;i<=names.length;i++){
        alert(names[i].value+" has this email address : "+emails[i].value);
    }
});

希望这对你有帮助。