PHP不会获取jquery生成的输入文本字段

时间:2014-09-06 06:34:20

标签: javascript php jquery html

我的下面是用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 )

请告诉我如何解决这个问题。谢谢。

0 个答案:

没有答案