`
shuai1234
  • 浏览: 980104 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

js form action动态修改方法

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

Js代码 < type="application/x-shockwave-flash" width="14" height="15" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" flashvars="clipboard=%3Cscript%3E%0A%20%20%3C!--%0A%20%20function%20chgAction(v)%7B%0A%20%20%20if(v%3D%3D1)%7B%0A%20%20%20%20form1.action%3D%22.%2Fnewworksheet%22%3B%0A%20%20%20%7Delse%20if(v%3D%3D2)%7B%0A%20%20%20%20form1.action%3D%22.%2Fworksheetupdate%22%3B%0A%20%20%20%7D%0A%20%20%20form1.submit()%3B%0A%20%20%7D%0A%20%20--%3E%0A%3C%2Fscript%3E" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="14" height="15">
<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代码 < type="application/x-shockwave-flash" width="14" height="15" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" flashvars="clipboard=%3Cform%20method%3D%22post%22%20name%3D%22form1%22%20action%3D%22%22%3E%0A%3Cinput%20name%3D%22worker%22%20type%3D%22text%22%20size%3D%2250%22%20value%3D%22%22%20%2F%3E%0A%3Cinput%20type%3D%22submit%22%20value%3D%22%E6%B7%BB%E5%8A%A0%22%20name%3D%22add%22%20onclick%3D%22chgAction(1)%3B%22%20%2F%3E%0A%3Cinput%20type%3D%22submit%22%20value%3D%22%E4%BF%AE%E6%94%B9%22%20name%3D%22update%22%20onclick%3D%22chgAction(2)%3B%22%20%2F%3E%0A%3C%2Fform%3E" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="14" height="15">
< 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代码 < type="application/x-shockwave-flash" width="14" height="15" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" flashvars="clipboard=%3Cscript%20language%3D%22JavaScript%22%20%3E%20%0Afunction%20checkaction(v)%7B%20%0Aif(v%3D%3D0)%7B%20%0Adocument.dbform.action%3D%22index.php%3Fadmin_db-repair%22%3B%20%0A%7Delse%7B%20%0Adocument.dbform.action%3D%22index.php%3Fadmin_db-optimize%22%3B%20%0A%7D%20%0Adbform.submit()%3B%20%0A%7D%20%0A%0A%3C%2Fscript%3E%20%0A%0A" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="14" height="15">
<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代码 < type="application/x-shockwave-flash" width="14" height="15" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" src="http://wjt276.iteye.com/javascripts/syntaxhighlighter/clipboard_new.swf" flashvars="clipboard=%26nbsp%3B%26nbsp%3B%3Cform%20action%3D%22%22%20method%3D%22post%22%20name%3D%22dbform%22%3E%26nbsp%3B%0A%3Cinput%20type%3D%22submit%22%20class%3D%22btn%22%20value%3D%22%7Blang%20dbStartOptimize%7D%22%20name%3D%22opsubmit%22%20onclick%3D%22checkaction(1)%3B%22%20%2F%3E%20%0A%20%3Cinput%20type%3D%22submit%22%20class%3D%22btn%22%20value%3D%22%7Blang%20dbStartFix%7D%22%20name%3D%22resubmit%22%20onclick%3D%22checkaction(0)%3B%22%20%2F%3E%20%0A%3C%2Fform%3E%20%0A" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="14" height="15">
   < 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 >   



本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/xingming_03/archive/2010/07/14/5735064.aspx
分享到:
评论

相关推荐

    js form action动态修改方法.docx

    当需要根据用户操作或特定条件动态地改变表单的提交目标时,可以使用JavaScript来修改`form action`属性。以下将详细讲解如何使用JavaScript来动态修改`form action`。 1. **基本语法** 在JavaScript中,可以使用`...

    JavaScript获取网页表单action属性的方法

    需要注意的是,表单的action属性是可以动态改变的,开发者可以通过JavaScript动态地修改表单的action属性,以改变数据提交的目标地址。 例如,如果我们想根据用户的某些操作更改表单提交的目标地址,可以编写如下...

    给Form动态赋值并动态转向

    2. **JavaScript动态修改Action属性**:通过JavaScript可以动态修改表单的`action`属性,从而改变表单提交的目标。这里的`FormSubmit`函数实现了这一功能。 ```javascript function FormSubmit() { document....

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

    在这篇文章中,作者介绍了如何使用JavaScript动态地改变HTML表单(form)中的action属性值。action属性定义了表单提交到服务器后将请求发送到的URL。动态改变action属性可以使表单在不同条件下提交到不同的页面,...

    动态设置form表单的action属性的值的简单方法

    纯JavaScript实现动态设置`action`属性,可以通过`document.getElementById`获取表单元素,然后直接访问或修改其`action`属性。以下是一些示例: ```javascript function test1() { // 获取表单元素 var form = ...

    jQuery中设置form表单中action值的实现方法

    在jQuery这个强大的JavaScript库中,改变`form`表单的`action`属性值是常见的需求,尤其是在动态网页应用中。本文将详细介绍如何使用jQuery来实现这一功能。 首先,一个基本的HTML表单结构如下: ```html &lt;form id...

    ExtJs 动态添加表单

    通过`bind`方法或`form.loadRecord`方法可以加载和保存数据。 7. **表单验证**: 表单验证是确保用户输入符合预设规则的关键部分。ExtJS提供内置的验证功能,可以在字段级别或表单级别设置验证规则。 在这个案例...

    JS调用Struts中的Action

    通过JavaScript调用Struts Action的主要方式是利用AJAX技术或者直接通过改变页面URL来触发Action。这种方式可以避免页面的完全重载,从而提升用户体验。 - **利用AJAX技术**:可以通过XMLHttpRequest对象或jQuery等...

    jquery.form.js(最新的)

    **jQuery.form.js** 是一个非常流行的JavaScript库,用于简化AJAX(异步JavaScript和XML)交互,特别是与HTML表单的交互。这个库是jQuery的一个扩展,它为处理表单数据提供了一种方便且强大的方式,包括无刷新的提交...

    原生js form表单美化插件表单元素input select下拉框

    原生JavaScript作为Web开发的基础,提供了丰富的API和方法来处理表单元素,如input和select。本主题将深入探讨如何使用原生JavaScript对form表单进行美化,并对input输入框和select下拉框进行优化。 一、表单基础 1...

    解决form中action属性后面?传递参数 获取不到的问题

    在HTML表单中,`&lt;form&gt;`标签的`action`属性用于指定表单数据提交的目标URL,而`method`属性则决定了数据是如何被发送到这个URL的,通常有`GET`和`POST`两种方式。当`method`设置为`GET`时,表单数据会被附加到`...

    Ext 添加功能form表单实例

    success: function(form, action){ if (action.result.success == "true") { var msg = action.result.msg; // 获取后端返回的消息 // 可以在这里处理成功的逻辑,例如显示消息、重定向页面等 } else { // ...

    polyfill-formaction:Polyfill for formaction HTML5 属性

    通过监听事件,如 `submit` 或 `click`,库会在事件处理函数中检查是否有设置 `formaction` 的元素,然后动态改变表单的提交行为,使其指向 `formaction` 指定的 URL。 3. **使用方法**:要在项目中使用 `polyfill-...

    使用jquery提交form表单并自定义action的方法

    如果两个字段都填写了,它将动态修改`form`的`action`属性,将`/index/Search`作为目标URL,并附加一个查询参数`u`,其值为`usercode`。最后,调用`submit()`方法触发表单的提交。 这种方式的好处在于,你可以通过...

    漂亮的form表单-漂亮的form表单

    在网页设计中,表单(Form)是用户与网站交互的重要元素,用于收集用户输入的信息。"漂亮的form表单"这个主题关注的是如何创建既美观又功能强大的表单,以提高用户体验并提升网站的整体视觉效果。下面将详细介绍关于...

    js提交form表单,并传递参数的实现方法

    在JavaScript代码中,`document.getElementById("queryForm").action`可以设置或者修改这个提交地址。在示例代码中,`action`属性被设置为`"../news/starList.do?inputData="+hasInputed+"&artType="+type`,这表示...

Global site tag (gtag.js) - Google Analytics