用不同方法改变form表单中action的值

我的风格0.0

于 2021-02-22 19:38:48 发布

阅读量2.1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_42199464/article/details/113951460

版权

java js html

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在HTML表单中动态改变action属性的三种方法：使用JavaScript的getElementById或jQuery的attr方法，通过onclick事件为提交按钮设置不同的action，以及使用不常见的formaction属性直接在提交按钮上指定不同的提交地址。这些方法对于实现表单的动态行为非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

html代码：

<form id="myform" action="" method="post" enctype="multipart/form-data">
 
</form>

JS动态改变form表单中action的值，写法如下：

document.getElementById("myform").action = "hello?info="+info;

或

//jquery
 
$("#myform").attr("action", "hello?info=XX");
//提交
$("#myform").submit();

转载：

https://blog.csdn.net/qappleh/article/details/101420741

方法二

<form name="form">

  <!-- 其它 input 等标签 -->

  <input type="submit" onclick="javascript: form.action='/submit';">
  <input type="submit" onclick="javascript: form.action='/submit-2';">

</form>

form.action里填写地址

方法三

最好的方法，其实是用HTML已经有的一个属性：formaction，应该很少人知道这个属性，至少当时我是不知道的。

你可以把formaction属性直接将用在submit按钮上，它将覆盖表单本身上的action操作。例如：

<form action="/submit">

  <input type="submit" value="Submit">

  <input type="submit" value="Go Elsewhere" formaction="/elsewhere">

</form>

参考

https://www.cnblogs.com/fehoney/p/12941490.html