用javaScript动态修改html组件form的action属性

最新推荐文章于 2021-07-22 21:37:08 发布

原创最新推荐文章于 2021-07-22 21:37:08 发布 · 321 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #JavaScript #PHP #ViewUI

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何使用JavaScript根据不同的用户操作动态修改HTML表单(form)的action属性，实现提交到不同页面的功能。通过两个实例展示了如何根据按钮点击事件来改变表单提交的目标。

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

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

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

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

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

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