`

在JS中修改form的action属性

阅读更多
引用
转载于:http://topic.csdn.net/t/20020801/13/916158.html


如:
<form   action="test12.asp"   method="get"   onsubmit="_submit()"   name='frm'>   
    
  <INPUT   type="text"   id=text1   name=action>   
  <INPUT   type="submit"   value="Submit"   id=submit1   name=submit1>   
  </form>   
    
  <script>   
  function   _submit(){   
  frm.action.value="ddddddddd"   
  }   
  </script>   


这段代码执行的结果将会是input名为action的值,而不是form的action属性值。
此情况下如仍要使用,可使用attributes
即:  
引用
frm.attributes[83].value="test2.asp"  


至于83如何得到,可用以下程序获取:  
  for(i=0;i<frm.attributes.length;i++){   
  document.write(frm.attributes[i].name+"-------Index:"+i+"<br>");   
  } 
 

结果:
  • language-------Index:0  
  •   dataFld-------Index:1  
  •   onmouseup-------Index:2  
  •   class-------Index:3  
  •   oncontextmenu-------Index:4  
  •   onrowexit-------Index:5  
  •   onbeforepaste-------Index:6  
  •   onactivate-------Index:7  
  •   lang-------Index:8  
  •   onmousemove-------Index:9  
  •   onmove-------Index:10  
  •   onselectstart-------Index:11  
  •   oncontrolselect-------Index:12  
  •   onkeypress-------Index:13  
  •   oncut-------Index:14  
  •   onrowenter-------Index:15  
  •   onmousedown-------Index:16  
  •   onpaste-------Index:17  
  •   id-------Index:18  
  •   onreadystatechange-------Index:19  
  •   onbeforedeactivate-------Index:20  
  •   hideFocus-------Index:21  
  •   dir-------Index:22  
  •   onkeydown-------Index:23  
  •   onlosecapture-------Index:24  
  •   ondrag-------Index:25  
  •   ondragstart-------Index:26  
  •   oncellchange-------Index:27  
  •   onfilterchange-------Index:28  
  •   onrowsinserted-------Index:29  
  •   ondatasetcomplete-------Index:30  
  •   onmousewheel-------Index:31  
  •   ondragenter-------Index:32  
  •   onblur-------Index:33  
  •   onresizeend-------Index:34  
  •   onerrorupdate-------Index:35  
  •   onbeforecopy-------Index:36  
  •   ondblclick-------Index:37  
  •   onkeyup-------Index:38  
  •   onresizestart-------Index:39  
  •   onmouseover-------Index:40  
  •   onmouseleave-------Index:41  
  •   onmoveend-------Index:42  
  •   title-------Index:43  
  •   onresize-------Index:44  
  •   contentEditable-------Index:45  
  •   dataFormatAs-------Index:46  
  •   ondrop-------Index:47  
  •   onpage-------Index:48  
  •   onrowsdelete-------Index:49  
  •   style-------Index:50  
  •   onfocusout-------Index:51  
  •   ondatasetchanged-------Index:52  
  •   ondeactivate-------Index:53  
  •   onpropertychange-------Index:54  
  •   ondragover-------Index:55  
  •   onhelp-------Index:56  
  •   ondragend-------Index:57  
  •   onbeforeeditfocus-------Index:58  
  •   disabled-------Index:59  
  •   onfocus-------Index:60  
  •   accessKey-------Index:61  
  •   onscroll-------Index:62  
  •   onbeforeactivate-------Index:63  
  •   onbeforecut-------Index:64  
  •   dataSrc-------Index:65  
  •   onclick-------Index:66  
  •   oncopy-------Index:67  
  •   onfocusin-------Index:68  
  •   tabIndex-------Index:69  
  •   onbeforeupdate-------Index:70  
  •   ondataavailable-------Index:71  
  •   onmovestart-------Index:72  
  •   onmouseout-------Index:73  
  •   onmouseenter-------Index:74  
  •   onlayoutcomplete-------Index:75  
  •   implementation-------Index:76  
  •   onafterupdate-------Index:77  
  •   ondragleave-------Index:78  
  •   name-------Index:79  
  •   onreset-------Index:80  
  •   accept-charset-------Index:81  
  •   onsubmit-------Index:82  
  •   action-------Index:83  
  •   method-------Index:84  
  •   target-------Index:85  
  •   encType-------Index:86
 
分享到:
评论

相关推荐

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

    在JavaScript中,我们可以通过多种方式获取表单的action属性值。一种简单直接的方法是通过表单的id来获取该表单元素,然后访问其action属性。以下是一个JavaScript代码示例,演示了如何输出表单的action属性值: ``...

    js form action动态修改方法.docx

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

    js form action动态修改方法

    在 JavaScript 中,可以通过访问表单元素对象的 `action` 属性来修改其值。例如,假设页面上有如下 HTML 代码: ```html &lt;form id="myForm" action="/default-action" method="POST"&gt; &lt;button type="submit"&gt;...

    JS调用Struts中的Action

    在Web开发中,JavaScript(简称JS)作为客户端脚本语言,常被用来增强用户体验、处理表单验证等前端任务。而Struts框架则是Java Web开发中常用的一个MVC(Model-View-Controller)框架,主要用于构建服务器端的应用...

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

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

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

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

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

    在`getUrl`函数中,`$('form')`选择了所有`form`元素,然后使用`.attr('action', 'new_url')`来修改`action`属性的值。 这两种方法都可以实现在用户提交表单前动态更新`action`属性,从而改变数据提交的目标。这种...

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

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

    给Form动态赋值并动态转向

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

    js对象属性大全下载

    ### JavaScript对象属性详解 ...以上只是JavaScript对象属性中的一部分,实际上JavaScript提供了非常丰富的API来处理各种复杂的网页开发需求。熟练掌握这些对象及其属性,对于提高网页的互动性和用户体验至关重要。

    jquery.form.js(最新的)

    在这个Action中,你需要处理表单数据,进行业务逻辑处理,并返回一个可以被JavaScript解析的响应(通常是JSON或XML)。 5. **AJAX回调**:在jQuery的success回调函数中,你可以处理服务器返回的数据,例如更新DOM...

    struts中数据在action与jsp中的传递总结.pdf

    这时候 Action 就可以对 Form 中的数据进行处理了,比如对数据库进行添加修改等工作。在业务逻辑结束后,Action 将控制权转还给 ActionServlet,并且 Forward 到另一个 Action 或者 JSP 页面中去。 方式二:通过 ...

    JavaScript/HTML—FORM用户输入/提交数据的图形界面

    在JavaScript中,我们可以对这些表单元素进行交互,验证用户输入,或者在提交前做一些额外的操作。例如,我们可以通过DOM(Document Object Model)获取表单元素: ```javascript var inputElement = document....

    JQuery.form表单提交参数详解.txt

    可以在这个函数中进行一些验证操作或修改提交数据。 - 示例:`beforeSubmit: showRequest`,其中 `showRequest` 是一个自定义函数。 3. **`success`**: - 用途:提交成功后的回调函数。可以在这个函数中处理...

    Ext 添加功能form表单实例

    在Ext中创建一个表单面板通常涉及到设置其基本属性,例如宽度、高度、布局方式等。在这个例子中,通过`new Ext.FormPanel`来创建了一个表单面板,并设置了一些关键属性: - `frame`: 设置为`true`,表示表单周围有...

    自动生成式form表单

    在IT领域,自动生成式form表单是一种高效且实用的技术,尤其在网页开发和应用程序设计中,它大大简化了用户输入数据的过程。form表单是HTML(超文本标记语言)中的一个重要元素,用于收集用户输入的数据,然后可以将...

    js 提交form表单和设置form表单请求路径的实现方法

    在JavaScript中,我们可以通过修改form元素的action属性来设置表单请求的路径。代码中document.postform.action="SaveReturnInfo" 就是修改了id为postform的form表单的action属性,将其值设置为"SaveReturnInfo"。这...

    jquery.form.js实现将form提交转为ajax方式提交的方法

    3. 编写JavaScript代码处理Ajax提交:在文档加载完毕后(例如在$(document).ready()中),需要编写一段JavaScript代码,通过jquery.form.js提供的方法来控制表单的提交行为。这通常包括设置Ajax请求的配置选项,例如...

    JavaScript[对象.属性]集锦

    `LANGUAGE`属性定义了脚本语言类型,通常是"JavaScript",而`SRC`属性则指定了一个外部.js文件的URL,使得脚本可以从外部文件中加载。 `windows`对象是每个HTML文档的顶层对象,它包含了多个重要的属性和方法。例如...

    form表单action提交的js部分与html部分

    具体地,我们将解释如何使用JavaScript和jQuery来动态修改表单的action属性,并在客户端进行表单验证,然后再进行提交操作。 首先,我们来了解HTML部分。一个标准的HTML表单通常包含以下结构: ```html &lt;form ...

Global site tag (gtag.js) - Google Analytics