动态设置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 相关文章推荐
js数组中如何随机取出一个值
Jun 13 Javascript
6种javascript显示当前系统时间代码
Dec 01 Javascript
JavaScript动态设置div的样式的方法
Dec 26 Javascript
基于Vue.js的表格分页组件
May 22 Javascript
JavaScript面试题大全(推荐)
Sep 22 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
Vue.set() this.$set()引发的视图更新思考及注意事项
Aug 30 Javascript
详解vue-router传参的两种方式
Sep 10 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
Feb 11 Javascript
vue中各种通信传值方式总结
Feb 14 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
默默简单的写了一个模板引擎
2007/01/02 PHP
PHP连接MSSQL2008/2005数据库(SQLSRV)配置实例
2014/10/22 PHP
PHP模块化安装教程
2016/06/01 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
利用jQuery的$.event.fix函数统一浏览器event事件处理
2009/12/21 Javascript
基于Jquery与WebMethod投票功能实现代码
2011/01/19 Javascript
jquery入门—编写一个导航条(可伸缩)
2013/01/07 Javascript
JavaScript中的console.time()函数详细介绍
2014/12/29 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
javascript中CheckBox全选终极方案
2015/05/20 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
js简单获取表单中单选按钮值的方法
2016/08/23 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
webstrom Debug 调试vue项目的方法步骤
2018/07/17 Javascript
微信小程序按顺序同步执行的两种方式
2019/12/20 Javascript
继承行为在 ES5 与 ES6 中的区别详解
2019/12/24 Javascript
python批量修改文件后缀示例代码分享
2013/12/24 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
Python WSGI的深入理解
2018/08/01 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
判断python字典中key是否存在的两种方法
2018/08/10 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Python queue队列原理与应用案例分析
2019/09/27 Python
selenium自动化测试入门实战
2020/12/21 Python
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
七年级数学教学反思
2014/01/22 职场文书
教研处工作方案
2014/05/26 职场文书
拔河比赛口号
2014/06/10 职场文书
竞聘报告优秀范文
2014/11/06 职场文书
乱世佳人观后感
2015/06/08 职场文书
Golang流模式之grpc的四种数据流
2022/04/13 Golang
解决IDEA翻译插件Translation报错更新TTK失败不能使用
2022/04/24 Python