js提交表单几种方式

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()
发布了35 篇原创文章 · 获赞 3 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/takujo/article/details/85448289
今日推荐