js 提交form表单时，action的动态修改方法

最新推荐文章于 2021-04-01 01:49:06 发布

转载最新推荐文章于 2021-04-01 01:49:06 发布 · 3.6k 阅读

文章标签：

#action #javascript #input #function #class

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用JavaScript动态更改HTML表单的action属性，实现根据用户操作选择不同的表单处理页面。通过两个示例展示了如何根据按钮点击事件来决定表单提交的目标。

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

用javaScript动态修改html组件form的action属性，可以在提交时再决定处理表单的页面。

Js代码

<script>
<!--
function chgAction(v){
if (v==1){
form1.action="./newworksheet" ;
}else if (v==2){
form1.action="./worksheetupdate" ;
}
form1.submit();
}
-->
</script>

<script>
  <!--
  function chgAction(v){
   if(v==1){
    form1.action="./newworksheet";
   }else if(v==2){
    form1.action="./worksheetupdate";
   }
   form1.submit();
  }
  -->
</script>

Html代码

< form method = "post" name = "form1" action = "" >
< input name = "worker" type = "text" size = "50" value = "" />
< input type = "submit" value = "添加" name = "add" onclick = "chgAction(1);" />
< input type = "submit" value = "修改" name = "update" onclick = "chgAction(2);" />
</ form >

<form method="post" name="form1" action="">
<input name="worker" type="text" size="50" value="" />
<input type="submit" value="添加" name="add" onclick="chgAction(1);" />
<input type="submit" value="修改" name="update" onclick="chgAction(2);" />
</form>

============================================================================

Js代码

<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>

<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>

Html代码

< 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 >