Question

Each cell has some field, text input, radio buttons or select.

Am I forced to name the fields in such a way so the names embody the row and column indexes?
like “data[row][col]”?
It is kind of a hassle to dynamically create those field names when adding rows or columns to the table..

Can jQuery magic be used here?

Answer 1

Sure can, look here:

// This assumes that you've wrapped the form #myform around the input
$('#myform').submit(function() {
    $('#mytable tr').each(function(n, elem) {
        $('td', elem).each(function(m) {
            $('input:text, input:radio, textarea, select')
                .attr('name', 'data['+n+']['+m+']');
        });
    });

    // Do some validation or just let it submit :D
});

Here you go!