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

最新推荐文章于 2021-07-14 10:53:11 发布

转载最新推荐文章于 2021-07-14 10:53:11 发布 · 8.2k 阅读

web 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了如何使用JavaScript和jQuery动态地更改HTML表单(form)的Action属性。文章提供了具体的代码示例，包括JavaScript中通过document对象操作及jQuery的选择器方法，并强调了name属性的重要性。

来自：http://blog.sina.com.cn/s/blog_495e3d130100puqa.html

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"; 这种写法是不起作用的!