将动态feild数据存储到jquery-mobile和php-mysql中的数据库中
Storing dynamic feild data to database in jquery mobile and php 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/请帮助
在js:update 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"]中获得Quantity的值。现在使用for()
将数据插入数据库。
相关文章:
- 将地理编码结果转换为php变量以发布到mysql数据库
- 如何使用PHP将javascript变量添加到mysql数据库中
- 我的地图数据's不会使用php存储在mysql数据库中
- 将本地MySQL数据库与PHP&谷歌地图上的JavaScript
- 将动态feild数据存储到jquery-mobile和php-mysql中的数据库中
- Ajax发布到PHP脚本,每5秒查询一次MySQL数据库的性能/问题
- 从Javascript中调用PHP脚本,将数据插入mysql数据库
- 使用AJAX/PHP让HTML按钮将数据插入MySQL数据库
- 如何使用php对mysql数据库中检索到的数据进行分页
- PHP/MySQL:将用户输入保存到数据库
- AJAX使用从PHP生成的HTML调用的函数更新MYSQL数据库
- 注册表格使用Javascript和Php与MySql数据库
- 使用php将Json数据存储到mysql数据库中
- 当使用AJAX获取PHP文件以从MySQL数据库中检索数据时,会出现下拉表单disapering
- 使用Javascript调用从MySQL数据库读取网站内容的PHP文件
- 使用PHP,JQuery,Ajax将电子邮件添加到MySQL数据库中
- 使用 php 和 Jquery 数据表显示 mysql 数据库
- 如何从 php 形式在 mysql 数据库中动态搜索
- PHP/MYSQL Javascript - 使用按钮将从数据库拉取的行值插入文本字段
- PHP/MySQL-数据库数据的复选框,提交2个参数