向表单插入新元素，在发送窗体时引发问题(空数据)
向表单插入新元素，在发送窗体时引发问题(空数据)
提问于 2014-06-26 09:38:09
我必须在我的网站上，当第二份表格填写(点击保存按钮后)我复制这个表格，并将它插入第一份表格。不幸的是，当我提交此表单时，插入元素中的数据为空。
我的代码：
var objToCopy = $('.partnersForm').find('.modal-body').clone();
objToCopy.find('[name]').each(function(){
var objThs = $(this);
objThs.prop('name', '_' + objThs.prop('name'));
objThs.prop('id', '_' + objThs.prop('id'));
});
$('.partnersData').html(objToCopy);数据显示如下：
[contact_county] => Hampshire
[country] => GB
[contact_title] => 4
[contact_name] => gfhf
[contact_surname] => fghfgh
[_partner_mobile] =>
[_partner_nationality] =>
[_partner_dob] =>
[_partner_email] => 空数据来自插入元素的地方。当我在插入后手动删除第二个表单时，一切似乎都正常。但是我不明白为什么我不能发送这些数据，即使我更改了输入的名称。
简化的HTML结构：
<form id="form1">
<input type="text" name="contact_county" id="contact_county">
<input name="country" id="country">
<input name="contact_title" id="contact_title">
<input name="contact_name" id="contact_name">
<input name="contact_surname" id="contact_surname">
<div class="partnersData" id="partnersData">
<!-- inserted elements goes here -->
</div>
<button type="submit">Submit</button>
</form>
<form class="partnersForm" id="form2">
<div class="modal-body">
<input type="text" name="partner_mobile" id="partner_mobile">
<input type="text" name="partner_nationality" id="partner_nationality">
<input type="text" name="partner_dob" id="partner_dob">
<input type="text" name="partner_email" id="partner_email">
</div>
<div class="modal-foter">
<a href="#" class="copyElements">Save</a>
</div>
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24427116
复制相关文章
相似问题
腾讯云开发者
