how to set form action through javascript?

Question

I have an html form whose action should be set dynamically throught javascript. How do i do it? Here is what i am trying to do:

<script type="text/javscript">
function get_action() { // inside script tags
 return form_action;
 }
</script>

<form action=get_action()>
...
</form>

Answer 1

document.forms[0].action="http://..."

...assuming it is the first form on the page.

Answer 2

plain javascript

document.getElementById('form_id').action will retrieve it

document.getElementById('form_id').action = "script.php" will retrieve it

using jQuery..

$("#form_id").attr("action") will retrieve it

$("#form_id").attr("action", "/script.php") will set it

Answer 3

Do as Rabbott says, or if you refuse jQuery:

<script type="text/javscript">
function get_action() { // inside script tags
  return form_action;
}
</script>

<form action="" onsubmit="this.action=get_action();">
...
</form>

Answer 4

You cannot invoke Javascript functions in standard HTML attributes other than onXXX. Just assign it during window onload.

<script type="text/javscript">
    window.onload = function() {
        document.myform.action = get_action();
    }

    function get_action() {
        return form_action;
    }
</script>

<form name="myform">
    ...
</form>

You see that I've given the form a name so that it's easily accessible in document.

Alternatively, you can also do it during submit event:

<script type="text/javscript">
    function get_action(form) {
        form.action = form_action;
    }
</script>

<form onsubmit="get_action(this);">
    ...
</form>