本文介绍如何在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>