js 修改form表单action

最新推荐文章于 2021-02-22 19:38:48 发布

原创最新推荐文章于 2021-02-22 19:38:48 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#form action

js 知识点同时被 2 个专栏收录

14 篇文章

订阅专栏

form action

1 篇文章

订阅专栏

本文介绍了一种在JavaScript中动态修改HTML表单(form)的action属性的方法，通过为表单ID添加点击事件，实现点击时更改表单的提交地址。

动态修改form表单action的值，
为form表单Id添加点击事件，点击form修改action值

<form  action="" enctype="multipart/form-data" id="fileLoad" >
</form>

//点击form表单修改action的值
$("#fileLoad").click(function(){
		url = 'xxxxxxxxxxxxxxx';
		$("#fileLoad").attr("action",url)	
})

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

记录自个儿的笔记儿

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

10-22

下面小编就为大家带来一篇用JS动态改变表单form里的action值属性的两种方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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

10-24

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

3 条评论您还未登录，请先登录后发表或查看评论

3 条评论

weixin_45185250 2020.02.18
form表单是否可以用js实现提交到不同的文件去？怎么实现？
- 记录自个儿的笔记儿回复weixin_45185250 2020.03.03
  [reply]weixin_45185250[/reply]不好意思不明白~

记录自个儿的笔记儿 2019.12.17
<form action="" enctype="multipart/form-data" id="fileLoad" class="dropzone" > </form> $(".dropzone").attr('action','localhost:8080......');

在JS中修改form的action属性

山巅

04-17

2576

转载于：http://topic.youkuaiyun.com/t/20020801/13/916158.html 如： asp" method="get" onsubmit="_submit()" name=frm> function _submit(){ frm.action.value="dddddd

js form action动态修改方法

wing 的专栏

03-25

8773

一般比较简单的就是 document.formName.action="/dddd.do?ddd="+str document.formName.submit(); js: function checkaction(v){ if(v==0){ document.register.action="__URL__/onesave"; }else{

javascript 动态修改html组件form的action属性

iteye_8785的博客

06-15

335

用javaScript动态修改html组件form的action属性，可以在提交时再决定处理表单的页面。 <%--JavaScript部分--%> <script language="javascript"> <%--略掉其余代码--%> if(usertypevalue=="company"){ document.form...

精选资源

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

01-19

如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~

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

12-11

1、JS部分代码代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...

通过button将form表单的数据提交到action层的实例

08-29

在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。知识点 2: 使用 Ajax 提交 Form 表单数据在现代 Web ...

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

10-22

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

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

FutureFlyme的博客

07-18

5578

前几天自己看了一个小程序，对form里的action值有所困惑，后来才明白其原理是动态改变form表单里的action值。这里主要介绍两种方法。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>第一种方法</title> <script language="javascri

使用js设置form 表单的action

h123hlll的博客

04-02

6510

一般情况下，在一个form表单里所有上传图片或文档都默认存放在同一个路径，但有时候需要在同一个界面里不同的对象文档上传后存放在不同的路径下，因此，再不更改后台代码的情况下，我们可以用js来变更form表单的action 达到目的。 form表单信息如下： <form name="Work_Form" id="Work_Form" method="post" action="后台访问路...

用不同方法改变form表单中action的值

qq_42199464的博客

02-22

2276

html代码： <form id="myform" action="" method="post" enctype="multipart/form-data"> </form> JS动态改变form表单中action的值，写法如下： document.getElementById("myform").action = "hello?info="+info; 或 //jquery $("#myform").attr("action", "hello?info=XX"); /

【jQuery】Jquery修改form的action

weixin_30915951的博客

10-17

149

//修改form的action$('#Form1').attr('action', '/Admin/NewsCategory/Edit/' + id); function option2() { $( '#queryPerformanceForm').attr("action","option2.action"); startRequest( '','li...

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

weixin_30689307的博客

09-14

254

方法1： <form id="form1" name="form1" method="post" action="../news/index.asp"> <table width="100%" height="43" border="0" cellpadding="0" cellspacing="0"> <tr> &l...

javascript修改struts form的action属性

用心去积累

10-21

475

一般情况下用javascript修改html中form的action属性如下：document.forms['xxx'].action='path';如果想用javascript修改struts的标签中的action属性，则需要作如下修改：document.forms['xxx'].attribut['action'].value='path';如果是单单引用action,则返回的是一个对象，并不是一个属性。

JavaScript动态修改html组件form的action属性

weixin_30484247的博客

05-28

337

用javaScript动态修改html组件form的action属性，可以在提交时再决定处理表单的页面。 <%--JavaScript部分--%><script language="javascript"> <%--略掉其余代码--%> if(usertypevalue=="company"){ docume...

js动态改变form表单中的提交地址

weixin_34162629的博客

05-23

3706

1.在js中的写法form.action="Login";/*js动态改变form表单中的提交地址*/$('form').ajaxSubmit(function (data) { if (data == 1) { window.location = "FindAllFriend?id=" + id; } else { alert('账户或密码错误') ...

修改form表单action路径

qq_43227967的博客

10-09

5876

问题：无法修改form表单路径原因：form表单提交修改$("#xxxx").action="xxxx.action"是不可行的。 1、通常我们想到是使用$("#xxxx").action="xxxx.action";//但是这样不可用我们应该采用attr()方法。该方法专门用于为属性赋值。所以应该写成：$("#xxx").attr("action","xxxxx.action");...

.net form表单action