动态设置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 相关文章推荐
JavaScript 脚本将当地时间转换成其它时区
Mar 19 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
基于jQuery封装的分页组件
Jun 26 jQuery
想用好React的你必须要知道的一些事情
Jul 24 Javascript
node实现的爬虫功能示例
May 04 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
JS页面获取 session 值,作用域和闭包学习笔记
Oct 16 Javascript
antd table按表格里的日期去排序操作
Nov 17 Javascript
javascript实现下拉菜单效果
Feb 09 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
星际实力自我测试
2020/03/04 星际争霸
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
举例讲解PHP面对对象编程的多态
2015/08/12 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
jQuery实现异步获取json数据的2种方式
2014/08/29 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
node.js中grunt和gulp的区别详解
2017/07/17 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
layui的table中显示图片方法
2018/08/17 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
Python中函数的用法实例教程
2014/09/08 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
Python中工作日类库Busines Holiday的介绍与使用
2017/07/06 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
python中的yield from语法快速学习
2020/11/06 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
CSS3实现各种图形的示例代码
2016/10/19 HTML / CSS
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
实用求职信范文分享
2013/12/25 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
支教个人总结
2015/03/04 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL
MySQL空间数据存储及函数
2021/09/25 MySQL
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python