动态设置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 对象、函数和继承
Jul 07 Javascript
JQuery调用WebServices的方法和4个实例
May 06 Javascript
jQuery实用函数用法总结
Aug 29 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
3个可以改善用户体验的AngularJS指令介绍
Jun 18 Javascript
jQuery实现图片加载完成后改变图片大小的方法
Mar 29 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
Jul 05 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
Vuex模块化应用实践示例
Feb 03 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代码将360浏览器导出的favdb的sqlite数据库文件转换为html
2015/12/09 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
php封装实现钉钉机器人报警接口的示例代码
2020/08/08 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
jQuery实现的Div窗口震动效果实例
2015/08/07 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
全面解析Bootstrap手风琴效果
2020/04/17 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
2018/08/22 Javascript
JavaScript ES6常用基础知识总结
2019/02/09 Javascript
vue-test-utils初使用详解
2019/05/23 Javascript
微信小程序下拉框搜索功能的实现方法
2019/07/31 Javascript
原生js实现下拉选项卡
2019/11/27 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
2020/07/20 Javascript
JavaScript Dom实现轮播图原理和实例
2021/02/19 Javascript
pycharm 使用心得(四)显示行号
2014/06/05 Python
Python中进程和线程的区别详解
2017/10/29 Python
Django如何自定义分页
2018/09/25 Python
python3爬虫怎样构建请求header
2018/12/23 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
python3 selenium自动化 下拉框定位的例子
2019/08/23 Python
python plotly画柱状图代码实例
2019/12/13 Python
如何基于python实现脚本加密
2019/12/28 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
Python和Bash结合在一起的方法
2020/11/13 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
民主生活会对照检查材料范文
2014/10/01 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
开除员工通知
2015/04/22 职场文书
2015年预算员工作总结
2015/05/14 职场文书
围城读书笔记
2015/06/26 职场文书