PHP怎样实现单击“添加”按钮增加一行表单项，并将所有内容插入到数据库中

php表单数据库ajax

解决方案 »

  1.   

    这个你用jquery中的ajax异步实现就行了，添加按钮，给个demo案例：
    $(function(){
    //default_kucun_calback();//默认读取一次次产品的库存
    $("#btnAddToCartDetail").live('click',function(){
                                   $.ajax({
    type: "POST",
    url: "index.php?c=index&m=kucun&product_id=38&time=1415343905",
    data:{stock_tag:stock_tag},
    error: function(error){},
    success: function(kucun) {
                                              $("#massage").html("<ul><li>......</li></ul>");
                                     }                               });
    });
    });
      

  2.   

    我来做苦力吧，要用jquery<html>
    <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <script language="javascript" type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript">
    $(function(){
    $(':button[name=add]').click(function(){
    insertTr();
    })
    $('button[name=del]').click(function(){
    $(this).parents('tr').remove();
    })
    $(':button[name=delall]').click(function(){
    $('.itme').remove();
    })
    })
    var gradeI=1;
    function insertTr(){
    var html='';
    html+='<tr class="itme"><td><input type="text" name="data[time][]"></td>';
    html+='<td><input type="radio" name="data[grade]['+gradeI+']" value="1">好<input type="radio" name="data[grade]['+gradeI+']" value="2">很好</td>';
    html+='<td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td>';
    html+='<td><button name="del">删除</button></td></tr>';
    $('#tab').append(html);
    $('button[name=del]').click(function(){
    $(this).parents('tr').remove();
    })
    gradeI++;
    }
    </script>
    </head>
    <body><form action="exe.php" method="post" name="f1">
    <table width="500px" id="tab">
    <tr><th>日期</th><th>级别</th><th>种类</th><th>操作</th></tr>
    <tr class="itme">
    <td><input type="text" name="data[time][]"></td>
    <td><input type="radio" name="data[grade][0]" value="1">好<input type="radio" name="data[grade][0]" value="2">很好</td>
    <td><select name="data[type][]"><option value="优秀生">优秀生</option><option value="三好生">三好生</option></select></td>
    <td><button name="del">删除</button></td>
    </tr>
    </table>
    <div><input type="submit" name="sub" value="保存" /><input type="button" name="delall" value="全部删除"><input type="button" name="add" value="增加"></div>
    </form></body>
    </html>oo.php<?php$arr_time=$_POST['data']['time'];
    $arr_grade=$_POST['data']['grade'];
    $arr_type=$_POST['data']['type'];for($i=0;$i<count($arr_time);$i++){
    $insert[$i]['time']=$arr_time[$i];
    $insert[$i]['grade']=$arr_grade[$i];
    $insert[$i]['type']=$arr_type[$i];
    }echo "<pre>";
    print_r($insert);
    echo "</pre>";
    /*每个数据是一条数据
    Array
    (
        [0] => Array
            (
                [time] => 2014年11月7日 15:50:18
                [grade] => 1
                [type] => 三好生
            )    [1] => Array
            (
                [time] => 2014年11月7日 15:50:24
                [grade] => 2
                [type] => 优秀生
            )    [2] => Array
            (
                [time] => 2014年11月7日 15:50:27
                [grade] => 1
                [type] => 三好生
            ))
    */
    ?>