最近我一直在处理一个联系人模块。有 3 列,即。name
, email
,phone
和一个+1
按钮,其中包括一个新行,用于添加一个使用 ajax 归档的更多联系人。问题就出现在这里。当我更新我的结构时,旧联系人字段中的数据消失了。
例如:
我输入了 2 行并将数据填充为 name1、email1 等。
name1 email1 phone1
name2 email2 phone2
现在为了添加一个更多的联系人字段,我使用了+1
botton。当我点击它时,我得到:
blank_1 blank_1 blank_1
blank_2 blank_2 blank_2
blank_3 blank_3 blank_3 //here blank_1, blank_2, blank_3 are just expressing blank columns
我的jQuery代码是:
$(document).ready(function(e) { num = 0; $('#plus_contact').click(function(e) { num = num +1 ; $.ajax({ url : 'contact/contact_form.php ', 方法: 'POST', 数据: "number="+num, 成功: function(data) { $('#contact_form_div').html(data); }, }); }); });联系表格.php
<?php
if(isset($_POST['number']) && is_numeric($_POST['number']))
{
echo $list =$_POST['number'];
if($list == 1)
{
for($i=0; $i<$list;$i++)
{
?>
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Full Name</label>
<input type="text" name="c_name[]" class="form-control" id="c_full_name" placeholder="Full Name">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Email address</label>
<input type="email" name="c_email[]" class="form-control" id="c_email_id" placeholder="Email">
</div>
<div class="form-group">
<label class="sr-only" for="exampleInputEmail2">Phone</label>
<input type="tel" name="c_phone[]" class="form-control" id="c_phone_number" placeholder="Phone">
</div>
<?php
}
} } ?>
如何在不更改旧行数据的情况下添加行?