通过 jQuery 添加更多（组）字段以形成

Question

通过 jQuery 向 html 表单添加更多字段很容易。然后，我们可以序列化这些字段，如果它们具有相同的name，但是如果我们有一组字段呢？例如

<input type="text" name="movie1_name" />
<input type="text" name="movie1_director" />
<input type="text" name="movie1_year" />

现在我想通过 jQuery 添加一组新字段

<input type="text" name="movie2_name" />
<input type="text" name="movie2_director" />
<input type="text" name="movie2_year" />

等等。我用 PHP 处理表单以将电影插入 mysql 数据库，其中包含三列（名称、导演、年份）。在上述示例中，很难序列化字段以创建适当的 $_POST 数组。我应该如何序列化 jquery 添加的电影集？

Answer 1

<input type="text" name="movie_name[]" />
<input type="text" name="movie_director[]" />
<input type="text" name="movie_year[]" />

<input type="text" name="movie_name[]" />
<input type="text" name="movie_director[]" />
<input type="text" name="movie_year[]" />

没有别的了。在服务器上，您将在 $_POST['movie_name']、$_POST['movie_director'] 和 $_POST['movie_year']; 中获得（如果是 POST）数组。具有相同索引的元素来自同一组输入。

你在序列化方面有什么问题？

<form>   
<input type="text" name="movie_name[]" />
<input type="text" name="movie_director[]" />
<input type="text" name="movie_year[]" />
<hr />
<input type="text" name="movie_name[]" />
<input type="text" name="movie_director[]" />
<input type="text" name="movie_year[]" />
 <br />
<input type='button' id='serialize' value='Click me' />
</form>

和js代码：

$('#serialize').click(function(){
    alert($('form').serialize()); 
});

当你要提交数据的时候就写

 $.post('script.php', $('form').serialize(), function() {alert('Saved');}); 

ps：如果你害怕失去一些东西，只需比较 count($_POST['movie_name'])、count($_POST['movie_director']) 和 count($_POST['movie_year'])。

或者你可以添加索引

   <input type="text" name="movie_name[0]" />
   <input type="text" name="movie_director[0]" />
   <input type="text" name="movie_year[0]" />

   <input type="text" name="movie_name[1]" />
   <input type="text" name="movie_director[1]" />
   <input type="text" name="movie_year[1]" />

Answer 2

根据与Cheery 的有益讨论，我得出结论，最好和最安全的方法是使用

<input type="text" name="movie_name[i]" />
<input type="text" name="movie_director[i]" />
<input type="text" name="movie_year[i]" />

我们使用 jQuery 定义每个 i 以安全地序列化字段。这样，我们可以确保序列化的数组是并行的并且匹配良好，不会错位。

Answer 3

你可以这样做：

<input type="text" name="movie1_name" />
<input type="text" name="movie1_director" />
<input type="text" name="movie1_year" />
// OTHER:
<input type="text" name="movie2_name" />
<input type="text" name="movie2_director" />
<input type="text" name="movie2_year" />

对所有人都这样做...在 Jquery 中，您创建一个根据需要创建字段的函数...我不是 JQuery 中最好的，所以我无法帮助您，但我告诉您的工作方式PHP 对我来说很好......