zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    IOS-小项目(饿了么 网络部分 简单实现)
    IOS 网络浅析-(十二 UIWebView简介)
    IOS 网络-深入浅出(一 )
    IOS 杂笔-11(实现在外部无法改变UIView的size)
    IOS 杂笔-12(类别de巧用 有便于Frame的操作)
    IOS 杂笔-13(appearance的巧妙使用)
    IOS 杂笔-14(被人遗忘的owner)
    IOS 杂笔-15(知识小点 readonly)
    IOS 日期的简洁格式展示
    Eclipse代码注释模板修改
  • 原文地址:https://www.cnblogs.com/php0916/p/7879169.html
Copyright © 2011-2022 走看看