Dynamically create and submit form

by

There were two things wrong with your code. The first one is that you included the $(document).ready(); but didn’t wrap the jQuery object that’s creating the element with it.

The second was the method you were using. jQuery will create any element when the selector (or where you would usually put the selector) is replaced with the element you wish to create. Then you just append it to the body and submit it.

$(document).ready(function(){
    $('<form action="form2.html"></form>').appendTo('body').submit();
});

Here’s the code in action. In this example, it doesn’t auto submit, just to prove that it would add the form element.

Here’s the code with auto submit. It works out fine. Jsfiddle takes you to a 404 page because “form2.html” doesn’t exist on its server, obviously.

More Related Contents:

  1. jQuery AJAX submit form
  2. Property ‘submit’ of object # is not a function
  3. Is there a better jQuery solution to this.form.submit();?
  4. Prevent double submission of forms in jQuery
  5. Submitting a form on ‘Enter’ with jQuery?
  6. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  7. jquery disable form submit on enter
  8. How to send a JSON object using html form data
  9. How to submit an HTML form without redirection
  10. How to get the containing form of an input?
  11. Want HTML form submit to do nothing
  12. Adding POST parameters before submit
  13. How do I use jQuery’s form.serialize but exclude empty fields
  14. jquery validate plugin on dynamic form inputs not working
  15. jQuery – select all text from a textarea
  16. Best JavaScript solution for client-side form validation and interaction? [closed]
  17. How to ajax-submit a form textarea input from CKEditor?
  18. Avoid Angular2 to systematically submit form on button click
  19. What is the meaning of onsubmit=”return false”? (JavaScript, jQuery)
  20. How to prevent form element from sending some fields we don’t want?
  21. Trigger standard HTML5 validation (form) without using submit button?
  22. How do you limit options selected in a html select box?
  23. Trigger standard HTML validation (form) without using submit button? [duplicate]
  24. submit event does not fire if submit initiated programmatically
  25. Submit form on Enter key with javascript
  26. jQuery asynchronous function call, no AJAX request
  27. copying the value of a form’s file input field to another form’s input field
  28. .js.erb VS .js
  29. Clear form after submission with jQuery
  30. jquery serialize and multi select dropdown

Leave a Comment