Javascript 无法从JS中添加的输入中获取值_Javascript_Jquery_Forms

Javascript 无法从JS中添加的输入中获取值

javascript jquery forms

Javascript 无法从JS中添加的输入中获取值,javascript,jquery,forms,Javascript,Jquery,Forms,我向你提出我的奇怪问题。我正在编写一个函数，允许用户添加更多带有输入字段的电子邮件 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> </head> <form method="post" action="../admin/A_Office/publish_newsletter"> <

我向你提出我的奇怪问题。我正在编写一个函数，允许用户添加更多带有输入字段的电子邮件

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<form method="post" action="../admin/A_Office/publish_newsletter">
  <div id="list" class="input_more_target">
    <label for="email">Email</label>
    <div class="form-group">
      <input class="form-control"  name="email[]" type="email" value="">
    </div>
    <input type="button" value="Add more" class="add_field_button btn btn-primary">
  </div>
  <input type="submit" value="Publish" class="btn btn-primary">
</form>

此脚本添加/删除新的输入字段：

<script  type="text/javascript">
$(document).ready(function() {
    var wrapper         = $(".input_more_target");
    var add_button      = $(".add_field_button"); 
    $(add_button).click(function(){ 
        $(wrapper).append('<label for="email">Email</label><div class="form-group"><input class="form-control" name="email[]" required type="email" value=""></div><input type="button" class="remove_field btn btn-primary" value="Remove">')
    });
    $(wrapper).on("click",".remove_field", function(e){
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});
</script>

我的问题是：

当我点击add按钮时，字段被添加。但当我提交表格时，我只是从第一封输入电子邮件中获取值，而不是从增加投入。我刚刚得到=>数组[0]=>test@test.fr 当我直接将第二个输入字段添加到第一个输入字段下而不使用JS时，我从这两个字段中都获得数据。如果你能告诉我这件事，那就太好了！谢谢

好吧，我找到了；

表单是在外部div中打开的，因此我没有收到任何数据

您的Ajax函数在哪里？请发布您的Ajax函数并添加缺少的源代码表单，发送按钮……您好，我删除了Ajax，因为我不需要它，我添加表单和发送按钮非相关侧注：包装器和添加按钮已经是jQuery对象，因此执行$add\u按钮相当于$$。添加\u字段\u按钮听起来好像没有考虑我的输入