JavaScript动态修改Form Action属性并提交
作者:拾光时间:2026-10-23 08:50:39浏览:114
本文介绍如何在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>作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
