【发布时间】:2014-02-15 22:48:12
【问题描述】:
我有一个行数未知的表,您可以添加行和删除行以及 当我使用 javascript 和 php 添加超过 1 行时,如何将所有表行数据保存到数据库中。
以下是表格行的示例: HTML:
<form action="#" method="post" id="myForm">
<div class="row clearfix">
<div class="col-md-12 column">
<table class="table table-bordered table-hover" id="tab_logic">
<thead>
<tr >
<th class="text-center">
#
</th>
<th class="text-center">
First Name
</th>
<th class="text-center">
Last Name
</th>
</tr>
</thead>
<tbody>
<tr id='addr0'>
<td>1</td>
<td><input type="text" name='fn' placeholder='First Name' tabindex="1" /></td>
<td><input type="text" name='ln' placeholder='Last Name' tabindex="2"/></td>
</tr>
<tr id='addr1'></tr>
</tbody>
</table>
</div>
</div>
<input type="button" id="add_row" class="pull-left" value="add row"/><input type="button" id='delete_row' class="pull-right" value="delete row"/><br/>
<input type="submit" class="btn" value="Submit" tabindex="5" name="addName" id="sub"/>
</form>
这是添加和删除行的代码 查询:
$(document).ready(function(){
var i=1;
$("#add_row").click(function(){
$('#addr'+i).html("<td>"+ (i+1) +"</td><td><input name='fn' type='text' placeholder='First Name"+i+"' class='form-control'></td><td><input name='ln' type='text' placeholder='Last Name"+i+"' class='form-control input-md'></td>");
$('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
i++;
});
$("#delete_row").click(function(){
f(i>1){
$("#addr"+(i-1)).html('');
i--;
}
});
});
PHP:
if(isset($_POST['addName'])){
$userid = $database->getUserID();
if(isset($_POST['fn']) && isset($_POST['ln'])){
$firstname = $_POST['fn'];
$lastname = $_POST['fn'];
if(empty($_POST['fn'])){
$session->Error() = '*'
} else if(empty($_POST['ln'])){
$session->Error() = '*'
} else {
$database->AddUser = ('$userid', '$firstname', '$lastname');
}
}
}
【问题讨论】: