Jquery - Dynamically build form action on submit?

Question

I'm trying to have the action of a HTML form built when the user clicks the submit button.

So the user fills in a form, clicks submit, then the action gets built then it actually gets submitted. The reason being is because the form has a load of options on it which will be passed to a script.

How would I go about doing this with Jquery?

I'll caution you to think about what happens when your user has JS disabled. The form would still get submitted, but without the form's action getting changed. Does this break your server-side script? — josh3736
– josh3736, Commented Apr 20, 2010 at 18:21
Hi, normally I would not rely on JS for core functionality, but this is just for an in house tool I'm building so it's not so much of a problem. — Probocop
– Probocop, Commented Apr 21, 2010 at 8:24

Matt Ball · Accepted Answer · 2010-04-20 13:53:07Z

14

Untested, but this should at least get you on your way:

$('#myForm').submit(function (event)
{
    var action = '';
    // compute action here...
    $(this).attr('action', action);
});

answered Apr 20, 2010 at 13:53

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jarek · Accepted Answer · 2010-04-20 14:00:59Z

4

Use jQuery submit event:

$(document).ready(function() {
  $('#yourFormId').submit(function() {
    $(this).attr('action', 'dynamicallyBuildAction'); 
    return false;
  });
});

edited Apr 20, 2010 at 14:00

answered Apr 20, 2010 at 13:54

Jarek

5,9456 gold badges43 silver badges56 bronze badges

Comments

Guffa · Accepted Answer · 2010-04-20 14:33:38Z

1

The plain Javascript solution would have a function:

function changeAction() {
  this.action = 'the dynamic action';
  return true;
}

In the form you would set the onsubmit event:

<form ... onsubmit="return changeAction();">

To do the same using jQuery would be:

$(function(){
  $('IdOfTheForm').submit(function(){
    this.action = 'the dynamic action';
    return true;
  });
});

answered Apr 20, 2010 at 14:33

Guffa

703k111 gold badges760 silver badges1k bronze badges

Collectives™ on Stack Overflow

Jquery - Dynamically build form action on submit?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related