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


    html部分

    <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>
    

      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] => 三好生
            )
     
    )
    */
    ?>
    

     本文借鉴http://bbs.csdn.net/topics/390923923?page=1

  • 相关阅读:
    bzoj2467 [中山市选2010]生成树
    hdu4489 The King’s Ups and Downs
    hdu4489 The King’s Ups and Downs
    Tyvj1014(区间dp)
    Tyvj1014(区间dp)
    Tyvj1013
    Tyvj1013
    Tyvj1009
    22.引用指针
    21.引用指针
  • 原文地址:https://www.cnblogs.com/php0916/p/7879169.html
Copyright © 2020-2023  润新知