Access jQuery node's children and its values using PHP to enter into db

Question

Can anyone please help me out in this problem. I am in real trouble and I don't know how to go ahead with this.

I have a tr tag which contains multiple div tags in it.
Whenever user clicks on a 'Add' link, the same tr gets cloned with an incremented id and appended to the table.

Now, I want to enter everything under each tr into the mysql database using php. I really don't know how to do this.

The hierarchy is like this:
tr-->td-->div(many)-->input fields(many) like chkbox,textarea,radio,input

The deadline for my project is nearing and I am really stucked upon this.

Answer 1

have you tried using serialize to get the values of the input fields?

you should be able to do something like $('tr:selected').serialize()

It'd be easier to help if you had some kind of jsfiddle as an example of your problem.

Answer 2

Since your question doesn't contain any code, I can't be certain but I would start by getting all the <tr>'s and then loop through each of those and get all the input values for that tr_id and add them to an array or json structure. Then you can serialize that and send it via Ajax to PHP to save.

// Initialize an empty array
returnValues = new Array();
$('tr').each(function(index, tr){
    $('input, textarea, checkbox, select', this).each(function(index, input){
        // collect the name and value pairs
        name = input.attr('name');
        value = input.val();
        //now add these into the array.
        returnValues[tr.attr(id)][name][value];
     });
});
// now post the array to php via Ajax 

Answer 3

The simplest way I see is to give your input fields appropriate names. Then you just handle the form submission like any other.

You can set the input names as arrays to get around this. For example:

<input type="text" name="fieldname[]" value="" />

Then in your POST data in PHP, $_POST['fieldname'] will be an array.