Question

I am using a jquery change event using a slider to present to a user the amount of inputs that they select from the slider. I am struggling to find a way to process these results in php and insert into mysql. I would be grateful if someone could start me off with this. Thank you

for(var i = 0;i < $(this).val();i++) {
$("#boxamount").append('<div data-role="fieldcontain"><label for="boxamount" class="ui-input-text">Enter box ' + (i + 1) + ' number:</label><input type="text" name="boxamount['+i+']" id="boxamount['+i+']" class="boxamount ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" /></div>')
}

Answer 1

Well, you could loop over the text boxes, store the values in an object and submit them via an ajax request. Here’s some rough code below.

var data = {}; 
$('input[name^="boxamount"]').each(function(){
    data[ $(this).attr('id') ] = $(this).val();  
}); 

Then perform an ajax request.

$.ajax({
   type: "POST",
   url: "yourServerScript.php",
   data: data, 
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });