我已经使用php创建了一个动态表格。现在我想要添加这个功能。
当我们点击提交按钮时,它应该自动将数据添加到数据库中,并创建新的行,以前的行应该被禁用,不能编辑。如何实现这一点?
![enter image description here](https://istack.dev59.com/crEs4.webp)
<?php
session_start();
require_once "header.php";
?>
<body>
<div class="text-center">
<h1>PAYMENT PAGE</h1>
</div>
<hr>
<div class="container">
<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">
User ID
</th>
<th class="text-center">
Name
</th>
<th class="text-center">
NIC
</th>
<th class="text-center">
Amount
</th>
<th class="text-center">
Date
</th>
</tr>
</thead>
<tbody>
<tr id='addr0'>
<td>
1
</td>
<td>
<input type="text" name='uid' placeholder='User ID' class="form-control"/>
</td>
<td>
<input type="text" name='uname' placeholder='Name' class="form-control"/>
</td>
<td>
<input type="text" name='nic' placeholder='NIC' class="form-control"/>
</td>
<td>
<input type="text" name='amount' placeholder='Amount' class="form-control"/>
</td>
<td>
<input type="date" name='dt' placeholder='Date' class="form-control"/>
</td>
</tr>
<tr id='addr1'></tr>
</tbody>
</table>
</div>
</div>
<button id="add_row" class="btn btn-primary btn-lg pull-left" >SUBMIT</button>
</div>
</body>
</html>
$(document).ready(function(){
var i=1;
$("#add_row").click(function(){
$('#addr'+i).html("<td>"+ (i+1) +"</td><td><input type='text' name='uid"+i+"' placeholder='User ID' class='form-control input-md'/></td><td><input type='text' name='uname"+i+"' placeholder='Name' class='form-control input-md'/></td><td><input type='text' name='nic"+i+"' placeholder='NIC' class='form-control input-md'/></td><td><input type='text' name='amount"+i+"' placeholder='Amount' class='form-control input-md'/></td><td><input type='date' name='dt"+i+"' placeholder='Date' class='form-control input-md'/></td>");
$('#tab_logic').append('<tr id="addr'+(i+1)+'"></tr>');
i++;
});
});
jquery v 3.2.1
不是问题。 - prasanth