`

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

 
阅读更多

html代码:

<form id="myFormId" name="myForm" action="" method="post">
  <input type="hidden" id="inParam" name="inParam" />
  <input type="hidden" id="tstype" name="tstype" />
  <input type="hidden" id="zd" name="zd" />
</form>

熟悉JavaScript的朋友一定晓得JS可以动态改变form表单中action的值,写法如下:

document.myForm.action = "userinfo.shtml";   

//需要注意的是form标签一定要有name属性,光有id没有name不起作用

 

document.myForm.attributes["action"].value  = "XXXXXXXX";

document.all("myFormId").setAttribute("action", "欲赋的action的值");

 

上述两种方式在JavaScript中均经过测试。

 

--------------------------------------------------------------------------------------------------

下面介绍在jQuery中设置form表单中action的值的方法。

$("#myFormId").attr("action", "userinfo.shtml");

【注意】:$("#myFormId").action="XXX";  这种写法是不起作用的!

分享到:
评论

相关推荐

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

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

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

    form表单: &lt;form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"&gt; javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] ...

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

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

    ### JQuery Form 插件中的 `ajaxForm()` 和 `ajaxSubmit()` 方法详解 #### 一、引言 在 Web 开发中,使用 AJAX 进行异步表单提交是一种常见的技术手段,它允许开发者无需重新加载整个页面即可提交数据并接收响应...

    Ajax表单提交插件jquery form

    使用jQuery选择器选取要处理的表单,并调用`.ajaxForm()`或`.form()`方法初始化插件。 ```javascript $('#myForm').ajaxForm(options); ``` 其中,`#myForm`是表单的ID,`options`是一个可选的对象参数,用于...

    jquery-form 异步提交表单

    在使用jQuery Form插件时,如果表单中有Struts的标签,如`&lt;s:form&gt;`,需要确保这些标签正确设置了`action`属性,指向服务器端处理请求的Action。 ### 结论 jQuery Form插件极大地简化了异步表单提交的过程,使...

    jquery提交form表单

    `jquery.form.js`是jQuery的一个插件,它为表单提交提供了更高级的功能,如文件上传支持、多部分形式(multipart/form-data)和多种提交方式。安装此插件后,我们可以使用`.ajaxSubmit()`或`.submit()`方法: ```...

    jquery form

    jQuery Form插件提供了`$.ajaxSubmit`、`$.form`等多种方法,使得表单提交变得简单。例如,使用`$.ajaxSubmit`来异步提交表单: ```javascript $("#myForm").submit(function(event) { event.preventDefault(); //...

    jquery form ui中文api

    - **文件上传**:对于文件上传的支持是jQuery Form插件的一个亮点,可以在配置选项中设置`url`、`type`等属性。 - **动态表单**:对于动态生成的表单元素,确保在DOM变动后重新绑定事件。 #### 六、参考资料 - **...

    jQuery动态设置form表单的enctype值(实现代码)

    本文将深入探讨如何使用jQuery动态地设置`form`表单的`enctype`值。 首先,我们来看一下HTML中的`&lt;form&gt;`元素。一个基本的`&lt;form&gt;`标签可能如下所示: ```html &lt;form id="myForm" action="submit....

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

    总的来说,使用jQuery提交form表单并自定义`action`提供了灵活性,允许你构建更复杂的前端交互,同时保持了POST提交的安全性。这种方式结合了jQuery的便捷性和HTML表单的原始功能,是现代Web开发中常见的一种技术...

    jquery表单验证插件

    本文主要针对“jquery表单验证插件”进行详细介绍,并通过示例代码展示其使用方法。 #### 二、jQuery Form插件介绍 jQuery Form插件由Malsup开发,是一款非常实用的jQuery扩展,能够极大地简化表单的Ajax提交过程。...

    jQuery ajax提交Form表单实例(附demo源码)

    本文将详细讲解如何使用jQuery的`$.ajax`方法来提交Form表单,以及如何通过自定义函数实现更灵活的表单提交。 首先,传统的HTML Form表单提交会导致页面刷新,用户体验不佳。为了实现无刷新提交,我们可以利用...

    Asp.Net MVC中jquery.form附件上传例子

    这里我们使用了`Html.BeginForm`辅助方法创建了一个POST类型的表单,并设置了`enctype`属性为`multipart/form-data`,这是处理文件上传所必需的。 然后,在控制器(Controller)中,我们需要创建一个对应的Action来...

    如何使用Jquery获取Form表单中被选中的radio值

    总的来说,jQuery提供了一系列强大的选择器和方法,使得获取表单中被选中的radio按钮的值变得简单而直观。无论你是选择最简短的表达方式,还是需要进行更复杂的遍历操作,都能轻松应对。在实际项目中,根据需求和...

    jquery.form.3.5

    在Web开发中,jQuery Form插件是一个非常实用的工具,它扩展了jQuery的功能,使得表单数据的Ajax异步提交变得简单易行。这里我们将深入探讨jQuery Form 3.5版本,了解其核心特性、使用方法以及如何实现高效、流畅的...

    jquery文件上传js:jquery.form.js

    - **$.ajaxForm()**:这是`jquery.form.js`的主要方法,用于绑定表单元素,实现Ajax方式的文件上传。它可以接收一个回调函数,当上传成功或失败时执行。 - **$.ajaxSubmit()**:这个方法可以直接触发表单的Ajax提交...

    JQuery提交表单Form.js官方插件介绍借鉴.pdf

    《JQuery Form.js官方插件详解与...总结,JQuery Form.js插件提供了强大的表单处理功能,包括Ajax提交、文件上传以及各种表单数据处理方法。通过灵活运用这些API,开发者能够构建出更加智能和用户友好的Web表单应用。

Global site tag (gtag.js) - Google Analytics