如何通过JavaScript设置表单操作？

Question

我有一个HTML表单，该表单的操作应通过JavaScript动态设置。我该怎么做？这是我要实现的目标：<script type="text/javascript">function get_action() { // inside script tags return form_action; }</script><form action=get_action()>...</form>

Answer 1

您不能以以外的标准HTML属性调用JavaScript函数onXXX。只需在窗口加载时分配它即可。

<script type="text/javascript">

    window.onload = function() {

        document.myform.action = get_action();

    }

    function get_action() {

        return form_action;

    }

</script>

<form name="myform">

    ...

</form>

您会看到我已经给了形式a name，以便可以在中轻松访问document。

另外，您也可以在submit活动期间进行：

<script type="text/javascript">

    function get_action(form) {

        form.action = form_action;

    }

</script>

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

    ...

</form>

Answer 2

纯JavaScript：

document.getElementById('form_id').action; //Will retrieve it

document.getElementById('form_id').action = "script.php"; //Will set it

使用jQuery ...

$("#form_id").attr("action"); //Will retrieve it

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

Answer 3

实际上，当我们需要此操作时，我们希望根据所按下的提交按钮来更改操作。

在这里，您甚至不需要分配name或分配id表单。只需使用formclicked元素的属性即可：

<form action = "/default/page" >

    <input type=submit onclick='this.form.action="/this/page";' value="Save">

    <input type=submit onclick='this.form.action="/that/page";' value="Cancel">

</form>