Beste,
Bij deze probeer ik een producten pagina aan te maken zo dat je via 1 pagina een aantal producten kunt toevoegen aan de database. Al die producten die op deze pagina worden aangemaakt zouden wel allemaal in één JSON bestand moeten.
Er wordt gebruik gemaakt van een button om een extra rij aan te maken.
Het script lukt aardig juist bij het versturen van de velden wordt alleen het eerste rij in de database opgeslaan en niet de andere zoals jullie gaan zien op de screenshot.
Mijn beschrijving is niet al te best maar zal er een screenshot bijvoegen.
Code (JS):
Code
$("document").ready(function(){
$("#test").submit(function(){
var data = {
"action": "test",
};
data = $(this).serialize();
$.ajax({
type: "POST",
dataType: "json",
url: "response.php",
data: data,
success: function(data) {
$(".the-return").html(
"JSON: " + data["json"]
);
}
});
return false;
});
});
var count = 0;
$(function(){
$('.addmore').on('click',function(){
count += 1;
$('table').append(
'<tr>'
+ '<td><input class="case" type="checkbox"/> </td>'
+ '<td style="width: 50%">'
+ '<div class="input-group">'
+ '<div class="input-group-addon"><i class="fa fa-mail-forward"></i></div>'
+ '<input class="form-control" data-type="productNaam" name="product[itemNaam][' + count + ']" id="itemNaam_' + count + '" value="" type="text" placeholder="Product naam...">'
+ '</div><!-- /.input group -->'
+ '</td> '
+ '<td>'
+ '<div class="input-group">'
+ '<div class="input-group-addon"><i class="fa fa-barcode"></i></div>'
+ '<input class="form-control" type="number" data-type="productCode" name="product[itemNo][' + count + ']" id="itemNo_' + count + '" value="" type="text" placeholder="Code...">'
+ '</div><!-- /.input group -->'
+ '</td>'
+ '<td>'
+ '<div class="input-group">'
+ '<div class="input-group-addon"><i class="fa fa-money"></i></div>'
+ '<input class="form-control" type="number" name="product[prijs][' + count + ']" id="prijs_' + count + '" pattern="[0-9]+([\.|,][0-9]+)?" step="0.01" value="" type="text" placeholder="Prijs...">'
+ '</div><!-- /.input group -->'
+ '</td>'
+ '<td>'
+ '<div class="input-group">'
+ '<div class="input-group-addon"><i class="fa fa-fire-extinguisher"></i></div>'
+ '<input class="form-control" type="number" name="product[inhoud][' + count + ']" id="inhoud_' + count + '" pattern="[0-9]+([\.|,][0-9]+)?" step="0.01" value="" type="text" placeholder="Hoeveel...">'
+ '</div><!-- /.input group -->'
+ '</td>'
+ '</tr>'
);
});
});Mvg
tcbhome
