[英]How to get multiple field entry in mysql database from jquery and html fields from php
我在 Html 和 jquery 中创建了一个基本上可以扩展的字段,我为客户服务中心制作了它,以便他们可以在他们想要工作的地方输入密码。 Now I have created a field in Html and jquery that can expand by clicking a plus button now I want to insert individual data for individual field in MySQL database using PHP how can I do that.
<div class="input_fields_container">
<div><input type="text" name="product_name[]">
<button class="btn btn-sm btn-primary add_more_button">Add More Fields</button>
</div>
</div>
这是我的 jquery 代码
<script>
$(document).ready(function() {
var max_fields_limit = 10; //set limit for maximum input fields
var x = 1; //initialize counter for text box
$('.add_more_button').click(function(e){ //click event on add more fields button having class add_more_button
e.preventDefault();
if(x < max_fields_limit){ //check conditions
x++; //counter increment
$('.input_fields_container').append('<div><input type="text" name="product_name[]"/><a href="#" class="remove_field" style="margin-left:10px;">Remove</a></div>'); //add input field
}
});
$('.input_fields_container').on("click",".remove_field", function(e){ //user click on remove text links
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
这是我的 output 如果你想更好地了解我想说的话我的页面
这只是一种传统方式... $_POST['product_name'];
首先将您的所有输入连同一个提交按钮附在一个表单下。
然后,有一个 ajax 调用如下:
$(myform).submit(function(){
$.ajax({
type: 'post',
url: "your/url",
data: new FormData(myform),
contentType: false,
processData: false,
success: function(){.
//your code
}
});
});
在 php 中,您可以使用$_POST['product_name']
访问请求输入。
即使您选择不使用 AJAX,也可以以相同的方式访问输入。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.