JS提交表单的几种方式

最新推荐文章于 2023-06-14 06:50:31 发布

江东周小川

最新推荐文章于 2023-06-14 06:50:31 发布

阅读量1.3k

点赞数 2

文章标签： js 提交表单

原文链接：https://blog.csdn.net/takujo/article/details/85448289

版权

1.一个form多个submit，提交到不同的地址（通过表单name值引用）

<html> 
<body>
	<form name="form"> 
		<input type= "submit" value= "百度" onClick= "baidu()"> 
		<input type= "submit" value= "新浪" onClick= "sina()"> 
	</form> 
 
<script> 
function baidu(){ 
	document.form.method= "get";     
	document.form.action= "http://baidu.com "; 
	document.form.submit();
	return   true; 
} 
 
function sina(){ 
	document.form.method= "get"; 
	document.form.action= "http://sina.com "; 
	document.form.submit(); 
	return   true; 
} 
</script> 
 
</body>
</html>

2.jQuery动态创建form表单提交（和使用form标签一样，会刷新整个页面）

    var action='http://admin/form' //后台地址
    var form = $("<form></form>")
form.attr('action', action)
form.attr('method', 'post')
    //获取值
var id = $('#id').val()
var name = $('#name').val()
    //创建input
var input_id = $("<input type='hidden' name='id'/>")
var input_name = $("<input type='hidden' name='name'/>")
    //给input赋值
    input_id.attr('value', id)
    input_name.attr('value', name)
    //追加到form中
form.append(input_id)
form.append(input_name)
    //追加到body，不显示，然后提交
form.appendTo("body")
form.css('display', 'none')
form.submit()

————————————————
版权声明：本文为CSDN博主「takujo」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/takujo/article/details/85448289

江东周小川

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JS提交表单的几种方式

1.一个form多个submit，提交到不同的地址（通过表单name值引用）<html> <body> <form name="form"> <input type= "submit" value= "百度" onClick= "baidu()"> <input type= "submit" value= "新浪" onCli...
复制链接

扫一扫