JavaScript动态修改Form Action属性并提交

作者:拾光

时间:2026-10-23

浏览:113

本文介绍如何在JavaScript中动态修改HTML表单的action属性。通过直接操作document.formName.action并调用submit()方法,可实现根据条件改变提交地址。示例展示了函数封装及按钮点击触发逻辑,适用于需要根据用户选择动态指定后端处理接口的场景。

文章目录

动态修改表单Action的方法

实现动态修改表单提交地址的方法通常较为简单。


可以直接通过JavaScript访问表单对象,例如:document.formName.action="/dddd.do?ddd="+str


随后调用该表单的提交方法:document.formName.submit();



为了复用代码,可以将上述逻辑封装为一个函数进行调用。


完整代码示例

具体实现代码如下:

<script language="JavaScript" >
function checkaction(v){
if(v==0){
document.dbform.action="index.php?admin_db-repair";
}else{
document.dbform.action="index.php?admin_db-optimize";
} 
dbform.submit();
} 
</script>
<form action="" method="post" name="dbform">
<input type="submit" class="btn" value="{lang dbStartOptimize}" name="opsubmit" onclick="checkaction(1);" />
<input type="submit" class="btn" value="{lang dbStartFix}" name="resubmit" onclick="checkaction(0);" />
</form>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章