如何处理重复的输入名称？
如何处理重复的输入名称？
提问于 2018-05-28 05:12:51
我有一个动态表单，它可能有重复的输入名称。
$(".add_more_staff").on("click", function(){
var $newMember = $(this).siblings('.company_members').clone();
$newMember.insertBefore($(this));
})a, input{
display: block;
margin-bottom: 5px;
}
input{
cursor: pointer;
}<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[]"？ - 等输入使用数组名？
回答 2
Stack Overflow用户
发布于 2018-05-28 05:23:38
试着这样做：
<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中：
$staff_names = $_POST['name'];
$staff_mobiles = $_POST['mobile'];Stack Overflow用户
发布于 2018-05-28 05:43:08
请在下面尝试，它将包含成组的数据，所以您可以在post数据之后轻松地循环它，并且您的JQuery代码看起来很好。
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50559489
复制相关文章
相似问题
今天的网络可以通过getUserMedia访问深度摄像头吗？
使用getUserMedia后关闭网络摄像头/摄像头
如何使用getUserMedia和webRTC连接断开摄像头设备
访问多个摄像头javascript getusermedia
在getUserMedia中使用sourceId指定网络摄像头
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
