用JS动态改变表单form里的action值属性的方法

用JS动态改变表单form里的action值属性的方法

操作方法

  • 01

    方法1： <form id="form1" name="form1" method="post" action="../news/index.asp">      <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0">        <tr>          <td height="28"><input name="keyword" type="text" style="width:150px" id="keyword"/></td>        </tr>        <tr>          <td height="28"><select name="Searchtype"  style="width:110px" id="Searchtype" onchange="Searchtype1();">            <option value="news" selected="selected">新闻中心</option>            <option value="case">工程案例</option>          </select>          <input type="submit" name="Submit" value="搜索" /></td>        </tr>      </table>  </form>  <script language="javascript">  function Searchtype1(){  var type=document.getElementById("Searchtype").options[document.getElementById("Searchtype").selectedIndex].value;  if (type=="news"){document.getElementById("form1").action="../news/index.asp"}  else if (type=="case"){document.getElementById("form1").action="../case/index.asp"}  }  </script>

  • 02

    方法2： <html><head><script language="javascript">function check(){if(document.form1.a[0].checked==true)document.form1.action="1.htm"elsedocument.form1.action="2.htm"}</script></head><body><form name="form1" method="post" action="" onSubmit="check();">转到页面一<input type="radio" name="a">转到页面二<input type="radio" name="a"><input name="" type="submit" value="提交"></form></body></html>

赞 (0)

相关推荐

  • 表单form里的属性介绍

    在我们添加一个表单时会有一串表单的代码,如下: 表单名称:设置唯一标识这个表单的名称,只有设置表单名称,才可以使用脚本语言(如javascript或vbscript)引用或控制这个表单,如果不命名表单 ...

  • Jquery技巧：使用ajax技术提交表单数据

    ajax技术带给我们的是良好的用户体验,同时,使用jquery可以简化开发,提高工作效率. 下面就介绍一下大致的开发步骤. 操作方法 01 新建两个页面: 1.show.jsp:调用ajax,将表单中 ...

  • Html 表单标签元素

    Html form 表单区域标签元素 form表单目录 Form表单区域标签语法与结构 Form表单区域标签使用说明 案例html代码 DW软件里截图 html form表单总结 操作方法 01 Fo ...

  • 如何使用金数据制作美观实用表单之最全使用攻略

    分享本人使用金数据表单的,为你制作一个美观实用的金数据表单,让你的工作效率翻倍!利用好金数据表单就可以媲美一个强大的表格,统计系统. 操作方法 01 注册账号后登录金数据网页会自动进入 金数据个人中心 ...

  • 教你设置防止web表单重复提交的几种策略

    教你设置防止web表单重复提交的几种策略

    网页美工培训课程老师教你设置防止web表单重复提交的几种策略,因为表单重复提交是在多用户Web应用中最常见.带来很多麻烦的一个问题.有很多的应用场景都会遇到重复提交问题,比如:点击提交按钮两次.点击刷 ...

  • EXCEL工作簿怎么单独提取一个表单?

    一个Excel文件常常包含有数个工作簿(表单),工作中有时候只需要提取其中的一张或者数张工作簿(表单),如何操作能确保被提取的工作簿(表单)数据和格式都保持不变? 方法一: 1.打开Excel原始文件 ...

  • 如何新建打印机表单并设为默认纸张规格

    如何新建打印机表单并设为默认纸张规格

    打印机是现在十分常用的办公设备之一,有些新用户不知道如何新建打印机表单并设为默认纸张规格,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先点击左下角[开始]图标,接着根据下图箭头 ...

  • VC++ API MFC动态改变编辑框里的文字颜色

    摘要:关于VC++ API MFC动态改变编辑框里的文字颜色的代码. 步骤/方法 01 重载 HBRUSH C人脸比对Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UIN ...

  • 防止form表单重复提交（java后端解决重复提交问题）

    防止form表单重复提交（java后端解决重复提交问题）

    在javaweb方向做开发的小伙伴们,肯定都会遇到表单重复提交的问题.这种问题出现的原因或者说应用场景大致如下:网络延迟,服务器未能及时做出响应,导致用户不断重复点击提交按钮用户双击有意识的双击或者多 ...