首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何处理重复的输入名称?

如何处理重复的输入名称?
EN

Stack Overflow用户
提问于 2018-05-28 13:12:51
回答 2查看 111关注 0票数 0

我有一个动态表单,它可能有重复的输入名称。

代码语言:javascript
代码运行次数:0
运行
复制
$(".add_more_staff").on("click", function(){
  var $newMember = $(this).siblings('.company_members').clone();
  $newMember.insertBefore($(this));
})
代码语言:javascript
代码运行次数:0
运行
复制
a, input{
  display: block;
  margin-bottom: 5px;
}
input{
  cursor: pointer;
}
代码语言:javascript
代码运行次数:0
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="post">
  <div class="company_members">
      <input  class="staff_name"  type="text" name="name" required placeholder="name" />
      <input  class="staff_mobile"  type="text" name="mobile" required placeholder="mobile" />
      <hr />
  </div>
  <input type="button" class="add_more_staff" value="Add more staff" />
  <input type="submit" value="register_company_staffs" />
</form>

在上面的代码中,如果您单击一次Add more staff按钮,您将有两个名为mobile (或name__)的输入。

现在我想知道,我应该如何在PHP代码中获得它?根据一些测试,$_POST['mobile']包含最后一个输入值。那么,如何在PHP中获取所有输入值呢?

  • 我应该为jQuery中的新输入使用不同的名称吗?name="mobile-n"
  • 我对name="mobile[]"
  • 等输入使用数组名?
EN

回答 2

Stack Overflow用户

发布于 2018-05-28 13:23:38

试着这样做:

代码语言:javascript
代码运行次数:0
运行
复制
  <div class="company_members">
      <input class="staff_name" type="text" name="name[]" required placeholder="name" />
      <input class="staff_mobile" type="text" name="mobile[]" required placeholder="mobile" />
  </div>

在PHP中:

代码语言:javascript
代码运行次数:0
运行
复制
$staff_names = $_POST['name'];
$staff_mobiles = $_POST['mobile'];
票数 0
EN

Stack Overflow用户

发布于 2018-05-28 13:43:08

请在下面尝试,它将包含成组的数据,所以您可以在post数据之后轻松地循环它,并且您的JQuery代码看起来很好。

代码语言:javascript
代码运行次数:0
运行
复制
      <div class="company_members">
          <input class="staff_name" type="text" name="data[0][name]" required placeholder="name" />
          <input class="staff_mobile" type="text" name="data[0][mobile]" required placeholder="mobile" />
      </div>

      <div class="company_members">
          <input class="staff_name" type="text" name="data[1][name]" required placeholder="name" />
          <input class="staff_mobile" type="text" name="data[1][mobile]" required placeholder="mobile" />
      </div>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50559489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档