javascript - 如何通过 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

除了 onXXX 之外，您不能在标准 HTML 属性中调用 JavaScript 函数。只需在窗口加载期间分配它即可。

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

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

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

您看到我已经为表单指定了一个名称，以便在document 中轻松访问它。

或者，您也可以在 submit 事件期间执行此操作:

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

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