无法从JS

时间:2015-07-24 11:21:49

标签: 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">
  <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>

我的问题是:

  • 当我点击添加按钮时,会添加字段。但是当我提交表格时, 我只是从第一个输入电子邮件中获取值,而不是从 增加了投入。 (我只是得到=&gt;数组([0] =&gt; test@test.fr))
  • 当我直接添加第一个输入字段(没有JS)时,我从两个输入数据。

如果你能引起我的注意,那就太好了!谢谢!

1 个答案:

答案 0 :(得分:0)

好的,我找到了; 表格在外部div中打开,所以我没有收到任何数据