例子
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button id="btn">js动态提交按钮</button>
<script src="/jquery/2.1.0/jquery.js"></script>
<script>
$('#btn').click(function(){
var form = $('<form action="http://www.111cn.net" method="post"></form>');
form.append('<input type="hidden" value="" name="tt">');
$("body").append(form);
form.submit();
//防止一些a元素
return false;
});
</script>
</body>
</html>
jquery/js动态提交表单,由于实例比较简单,话不多说,就直接上代码了。
更高级一点的是 动态创建form 并提交 了,例子如下
$(document).ready(function(){
$("a.delete").click(function(event){
action = this.getAttribute("action")
form = $("<form></form>")
form.attr('action',action)
form.attr('method','post')
input1 = $("<input type='hidden' name='input1' />")
input1.attr('value','input1 value')
input2 = $("<input type='text' name='textinput' value='text input' />")
form.append(input1)
form.append(input2)
form.appendTo("body")
form.css('display','none')
form.submit()
})
})