在jquery mobile和php mysql中将动态feild数据存储到数据库

时间:2016-05-03 04:48:51

标签: javascript php jquery html mysql

我正在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/ 请帮忙

1 个答案:

答案 0 :(得分:0)

在js:update id&amp;名称字段

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&amp; <form method='POST' action='<your_page name.php'>标记内的Html。 &安培;创建一个提交按钮。在你的.php页面中,你可以从$ _POST [&#34; name2&#34;]中获取Quantity的值。现在使用for()将数据插入数据库。