jQuery - add additional parameters on submit (NOT ajax)

Question

Using jQuery's 'submit' - is there a way to pass additional parameters to a form? I am NOT looking to do this with Ajax - this is normal, refresh-typical form submission.

        $('#submit').click(function () {
            $('#event').submit(function () {
                data: { 
                form['attendees'] = $('#attendance').sortable('toArray').toString();
            });
        });

Answer 1

In your case it should suffice to just add another hidden field to your form dynamically.

var input = $("<input>").attr("type", "hidden").value("Bla");
$('#form').append($(input));

Answer 2

You don't need to bind the submit event on the click of the submit button just bind the submit event and it will capture the submit event no mater how it gets triggered.

Think what you are wanting is to submit the sortable like you would via ajax. Try doing something like this:

var form = $('#event').submit(function () {
    $.each($('#attendance').sortable('toArray'),function(i, val){
        $("<input>").attr({
            'type':'hidden',
            'name':'attendace['+i+']'
        }).value(val).appendTo(form);
    });
});

Answer 3

This one did it for me:

var input = $("<input>").attr("type", "hidden").attr("name", "mydata").val("bla");
$('#form1').append($(input));

is based on the Daff answer, but added the NAME attribute to let it show in the form collection and changed VALUE to VAL Also checked the ID of the FORM (form1 in my case)

used the firefox firebug to check wether the element was inserted.

hidden elements do get posted back in the form collection, only read-only fields are discarded.

Michel