在jquery mobile和php mysql中存儲動態域名數據到數據庫

Question

我正在Jquery Mobile中創建一個訂單頁面，用戶填寫數據和數量。

創建動態字段

每當用戶數量填充數據，說使用進入1，那麼只有一個充滿活力的領域將產生。下面的代碼

HTML

<label for="textarea2b">Quantity</label> 
<input type="number" name="name2" id="quantitypickup" onkeyup="showdimension()" value="" data-clear-btn="true" placeholder=""> 
    <div id="dimshow" class="row"> 

JS展現充滿活力的領域

function showdimension() { 
    var q = $("#quantitypickup").val(); 
    var r = $("#dimshow"); 
    if (q == "0" || q == "" || q == null) { 
     r.hide(); 
     r.html(''); 
    } else { 
     r.show(); 
     r.html(''); 
     for (var i = 0; i < q; i++) { 
      r.append(' <div class="col-xs-6"><label>Item Name ' + (i + 1) + '</label><input type="text" name="name2" id="itemname" onkeyup="" value="" data-clear-btn="true" placeholder=""></div><div class="col-xs-6"><div class="row"><div class="col-xs-4"><label>Length</label><input type="number" id="length" name="name2" onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Width</label><input type="number" name="name2" id="width" onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Height</label><input type="number" id="height" name="name2" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div></div> </div></div>'); 

     } 

    } 
} 

我想用MySQL和PHP我怎麼可以這樣做，插入到數據庫中這一點。 下面是小提琴 https://jsfiddle.net/ankit10594/5suemmyk/ 請幫

Answer 1

在JS：更新ID &名稱字段

for (var i = 0; i < q; i++) { 
      r.append(' <div class="col-xs-6"><label>Item Name ' + (i + 1) + '</label><input type="text" name="itemname_'+(i+1)+'" id="itemname_'+(i+1)+'" onkeyup="" value="" data-clear-btn="true" placeholder=""></div><div class="col-xs-6"><div class="row"><div class="col-xs-4"><label>Length</label><input type="number" id="length_'+(i+1)+'" name="length_'+(i+1)+'" onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Width</label><input type="number" name="width_'+(i+1)+'" id="width_'+(i+1)+'" onkeyup="" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div><div class="col-xs-4"><label>Height</label><input type="number" id="height_'+(i+1)+'" name="height_'+(i+1)+'" value="" data-clear-btn="true" placeholder=""><label style="text-align:center">inches</label></div></div> </div></div>'); 

     } 

現在把所有該div & HTML中的<form method='POST' action='<your_page name.php'>標籤內。 &創建一個提交按鈕。在您的.php頁面中，您可以從$ _POST [「name2」]中獲取數量值。現在使用for()將數據插入到數據庫中。