我的下面是用HTML / CSS编写的表格
<div class="row" id="more-item">
<div class="col-md-2">
<div class="form-group">
<label for="exampleInputEmail1">Description</label>
<input type="text" class="form-control" id="item-desc" name="item-desc[]" placeholder="Enter the item description..">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="exampleInputPassword1">Quantitiy</label>
<input type="text" class="form-control" id="item-qty" name="item-qty[]"placeholder="How Many Items" data-validate="number">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="exampleInputFile">CBM</label>
<input type="text" class="form-control" id="item-cbm" name="item-cbm[]" placeholder="Enter item CBM" data-validate="number">
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<label for="exampleInputFile">Weight (Kg)</label>
<input type="text" class="form-control" id="item-weight" name="item-weight[]" placeholder="Enter Weight in Kgs" data-validate="number">
</div>
</div>
</div>
<div id="res">
</div>
<div id="more-rows" style="padding-bottom:5px;">
<input type="button" class="btn btn-warning btn-xs" id="add-more-item" name="add-more-item" value="Add More">
<input type="button" class="btn btn-warning btn-xs" id="remove-more-item" name="remove-more-item" value="Add More">
</div>
每当用户点击“add-more-item”按钮时,它会使用以下jquery继续添加与上面相同的div行集。
$(document).ready(function() {
var div_row = "<div class=\"row\" id=\"more-item\">";
div_row += "<div class=\"col-md-2\">";
div_row += "<div class=\"form-group\">";
div_row += "<label for=\"exampleInputEmail1\">Description</label>";
div_row += "<input type=\"text\" class=\"form-control\" id=\"item-desc\" name=\"item-desc[]\" placeholder=\"Enter the item description..\">";
div_row += "</div>";
div_row += "</div>";
div_row += "<div class=\"col-md-2\">";
div_row += "<div class=\"form-group\">";
div_row += "<label for=\"exampleInputPassword1\">Quantitiy</label>";
div_row += "<input type=\"text\" class=\"form-control\" id=\"item-qty\" name=\"item-qty[]\" placeholder=\"How Many Items\" data-validate=\"number\">";
div_row += "</div>";
div_row += "</div>";
div_row += "<div class=\"col-md-2\">";
div_row += "<div class=\"form-group\">";
div_row += "<label for=\"exampleInputFile\">CBM</label>";
div_row += "<input type=\"text\" class=\"form-control\" id=\"item-cbm\" name=\"item-cbm[]\" placeholder=\"Enter item CBM\" data-validate=\"number\">";
div_row += "</div>";
div_row += "</div>";
div_row += "<div class=\"col-md-2\">";
div_row += "<div class=\"form-group\">";
div_row += "<label for=\"exampleInputFile\">Weight (Kg)</label>";
div_row += "<input type=\"text\" class=\"form-control\" id=\"item-weight\" name=\"item-weight[]\" placeholder=\"Enter Weight in Kgs\" data-validate=\"number\">";
div_row += "</div>";
div_row += "</div>";
div_row += "</div>";
$("#remove-more-item").click(function() {
$('#res:last').remove();
});
$("#add-more-item").click(function() {
$("#res").append(div_row);
});
});
点击按钮时生成新行没有任何问题。我的问题是PHP脚本不从jquery生成的字段中获取数据,但它确实从静态输入中获取。
这是我的php脚本: -
//cargo info
//$item_HBL = array();
$item_desc = array();
$item_qty = array();
$item_cbm = array();
$item_weight = array();
$item_HBL= $_POST['item-HBL'];
$item_desc = $_POST['item-desc'];
$item_qty = $_POST['item-qty'];
$item_cbm = $_POST['item-cbm'];
$item_weight = $_POST['item-weight'];
$port = $_POST['port'];
这是print_r($ _ post)
的结果Array ( [senderName] => [senderAddress] => [senderID] => [senderPhone] => [senderEmail] => [consigneeName] => [consigneeAddress] => [consigneeID] => [consigneePhone] => [consigneeEmail] => [item-HBL] => 1123 [item-desc] => Array ( [0] => Package One ) [item-qty] => Array ( [0] => 2 ) [item-cbm] => Array ( [0] => 1.200 ) [item-weight] => Array ( [0] => 3 ) [port] => Wattala )
请告诉我如何解决这个问题。谢谢。