jQuery - add additional parameters on submit (NOT ajax)

jquery parameter-passing form-submit
Ciel picture Ciel · Mar 27, 2010 · Viewed 251.9k times · Source

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

Michel picture Michel · Mar 28, 2010

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's 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 whether the element was inserted.

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

Michel

Related questions

jQuery's .click - pass parameters to user function

I am trying to call a function with parameters using jQuery's .click, but I can't get it to work. This is how I want it to work: $('.leadtoscore').click(add_event('shot')); which calls function add_event(event) { blah …

Read More
In Javascript/jQuery what does (e) mean?

I am new to JavaScript/jQuery and I've been learning how to make functions. A lot of functions have cropped up with (e) in brackets. Let me show you what I mean: $(this).click(function(e) { // does something }); It always …

Read More
How to refresh a page with jQuery by passing a parameter to URL

I am refreshing my page using jQuery: location.reload(); This is working great but I want to refresh the same page by passing a parameter to URL. How can I do this by using jQuery? Ex: If my url is …

Read More