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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM