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


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

    效果图:

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

    exe.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] => 三好生 
            ) 
      
    ) 
    */  
    ?>  
  • 相关阅读:
    Android Studio 生成Jar包时遇到的gradlew下载问题
    未解决问题
    Android -- android.os.Parcelable[] cannot be cast to ...
    vulkan gpu limits in mali
    Why GPU Program is expensive in CPU
    iOS native plugin 的代码sample
    USC-- compute shader ps vs
    zprepass 之后再base pass为什么用equal不用lessequal
    memory management Vulkan
    hlslcc
  • 原文地址:https://www.cnblogs.com/q1ng/p/4442863.html
Copyright © 2020-2023  润新知