使用ajax更新表单结构

时间:2013-08-11 17:13:03

标签: php jquery ajax

最近我一直在研究一个联系模块。有3列即。 nameemailphone+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;         $就({             url:'contact / contact_form.php',             方法:'POST',             数据:“number =”+ num,             成功:函数(数据){                         $( '#contact_form_div')HTML(数据)。                     },         });     });     });

contact_form.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
        }
    } } ?>

如何在不改变旧行数据的情况下添加行?

1 个答案:

答案 0 :(得分:3)

由于没有人关心甚至将Rahul指向正确的方向,我将至少提供一些东西。

有几个项目允许PHP用于桌面应用程序开发。

  1. http://gtk.php.net/
  2. http://wxphp.org/
  3. 原则上,没有PHP不能用于桌面应用程序开发,但这并不意味着没有办法实现它。

    Zend实际上发布了一篇关于它的文章:http://devzone.zend.com/1129/developing-desktop-applications-in-php-for-beginners/

    希望这会有所帮助..