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


Posted in Javascript onMay 25, 2016

用jQuery时,可如下设置:

form表单:

<form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();">

javascript方法:

<script type="text/javascript">
   function getUrl(){  
    $('form').attr('action','new_url');       
   }
 </script>

或者用单纯的javascript:

function test1(){ 
  alert(document.myform.action);//返回值:http://localhost:8080/XXX/ssss
  alert(document.myform.attributes["action"].value);//返回值:ssss  与上一行有区别
//  以下三行,随便哪一行都行     
  document.getElementById('myform').action=‘new_url';
  document.myform.action=‘new_url';
  document.myform.attributes["action"].value = 'new_url';
}

以上这篇动态设置form表单的action属性的值的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery扩展插件Validate—4设置错误提示的样式
Sep 05 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
JavaScript实现打字效果的方法
Jul 10 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
Sep 02 Javascript
JavaScript switch语句使用方法简介
Dec 30 Javascript
JS代码检查工具ESLint介绍与使用方法
Feb 04 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
token 机制和实现方式
Dec 15 Javascript
Selenium执行JavaScript脚本的方法示例
Dec 31 Javascript
Angularjs过滤器使用详解
May 25 #Javascript
jQuery限制图片大小的方法
May 25 #Javascript
jQuery中设置form表单中action值的实现方法
May 25 #Javascript
使用jquery提交form表单并自定义action的实现代码
May 25 #Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 #Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 #Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
May 25 #Javascript
You might like
php中常用的预定义变量小结
2012/05/09 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP Mysqli 常用代码集合
2016/11/12 PHP
浅谈PHP封装CURL
2019/03/06 PHP
Thinkphp 框架扩展之应用模式实现方法分析
2020/04/27 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
比较简单实用的使用正则三种版本的js去空格处理方法
2007/11/18 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
bootstrap table复杂操作代码
2016/11/01 Javascript
详解jQuery lazyload 懒加载
2016/12/19 Javascript
详解基于angular路由的requireJs按需加载js
2017/01/20 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
浅谈react-router HashRouter和BrowserRouter的使用
2017/12/29 Javascript
angularjs 获取默认选中的单选按钮的value方法
2018/02/28 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
2019/10/31 Javascript
小程序自定义模板实现吸顶功能
2020/01/08 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
Python pandas常用函数详解
2018/02/07 Python
python解决pandas处理缺失值为空字符串的问题
2018/04/08 Python
Python利用sqlacodegen自动生成ORM实体类示例
2019/06/04 Python
python web框架中实现原生分页
2019/09/08 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
VS2019+python3.7+opencv4.1+tensorflow1.13配置详解
2020/04/16 Python
Python库安装速度过慢解决方案
2020/07/14 Python
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
SHEIN美国:购买时髦的女性服装
2020/12/02 全球购物
10的分与合教学反思
2014/04/30 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
小学语文教师研修感悟
2015/11/18 职场文书