我是php以及bootstrap的新手。我正在尝试创建主要详细信息表单以从供应商处接收产品。我以某种方式设法构建格式,但在使用php选择框克隆表行时遇到困难。我的HTML代码低于......
<div class="form-group">
<div class='row'>
<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> </div>
<div class='col-xs-10 col-sm-10 col-md-10 col-lg-10'>
<table class="table table-bordered table-hover" id="table-data">
<thead>
<tr>
<th width="2%"><input id="check_all" class="formcontrol" type="checkbox"/></th>
<th width="38%">Parts Name</th>
<th width="15%">Price</th>
<th width="15%">Quantity</th>
<th width="15%">Total</th>
</tr>
</thead>
<tbody>
<tr id="id1" class="tr_clone">
<td><input class="case" type="checkbox"/></td>
<td>
<div class="dropdown">
<select data-type="partsCode" name="partsNo[]" id="partsNo1" class="form-control">
<?php
$query = "SELECT PARTS_ID, PARTS_NAME FROM parts_info ORDER BY PARTS_NAME";
if ($result = mysqli_query($con, $query))
{
while ($row = mysqli_fetch_array($result))
{
?>
<option value=<?php echo $row['PARTS_ID']; if ($shopid == $row['PARTS_ID']) echo " selected"; ?>> <?php echo $row['PARTS_NAME']; ?> </option>
<?php
}
}
mysqli_free_result($result);
?>
</select>
</div>
</td>
<td><input type="number" name="price[]" id="price1" class="form-control changesNo" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
<td><input type="number" name="quantity[]" id="quantity1" class="form-control changesNo" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
<td><input type="number" name="total[]" id="total1" class="form-control totalLinePrice" onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;"></td>
</tr>
</tbody>
</table>
</div>
<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> </div>
</div>
<div class='row'>
<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> </div>
<div class='col-xs-12 col-sm-3 col-md-3 col-lg-3'>
<button class="btn btn-danger" type="button">- Delete</button>
<button class="btn btn-success" type="button">+ Add More</button>
</div>
<div class='col-md-3 col-md-offset-4'>
<button class="btn btn-primary btn-block" id="button" type="submit" name="submit" value="Submit">Save</button>
</div>
<div class='col-xs-1 col-sm-1 col-md-1 col-lg-1'> </div>
</div>
</div>
请任何人都可以解决我的问题将是非常好的。我需要使用这两个按钮动态添加和删除行。 另外,如果任何人有任何关于如何使用bootstrap在php中制作master-detail表单的参考将很好地支持我。先谢谢你。
要获得概念,请查看以下网址。当我按+添加更多时,我想将部件名称添加为总计作为新行。请注意,部件名称来自MySQL,通过PHP代码......
jsfiddle.net/imranctgbd/34djbLLn
答案 0 :(得分:0)
如果有截图我会很有帮助,所以我可以完全理解你的问题。但这就是我想要做的事情。
到包含你删除复选框的单元格,添加,这意味着你必须创建一个delete.php并正确链接它。
<td> <a href='delete.php?id=$id' class='button small blue'>Delete</a> </td>
然后在您的删除页面中执行的操作
从表中请求ID或任何您想要的内容并运行查询。见
下的例子<?php
require_once('core.php');
$id = $_REQUEST['id'];
$sql = "delete from bookings where id = '$id'";
$result = mysqli_query($conn,$sql);
if ($result){
$count = mysqli_affected_rows($conn);
if($count > 0){
$redirect = header('location:index.php');
echo $redirect;
}
}
?>
同样的原则可以应用于添加,或者你可以动态地使用javascript ...