0%

jQuery动态创建form表单提交参数

Posted on Edited on In

jQuery动态创建form表单提交参数案例如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function example(page){
	var currentPage=page;
	//创建url
	var url="/notice/s";
	//创建要提交的参数
	var type=$("#typeSelect").val();
	var number=$("#noticeNumber").val();
	var status=$("#statusSelect").val();
  //创建form
	var form=$("<form></form>");
	//设置属性
	form.attr("action",url);
	form.attr("method","post");
	//创建input，即参数
	var inputType=$("<input type='text' name='pType'/>");
	inputType.attr("value",type);
	var inputNumber=$("<input type='text' name='pNumber'/>");
	inputNumber.attr("value",number);
	var inputStatus=$("<input type='text' name='pStatus'/>");
	inputStatus.attr("value",status);
	var inputPage=$("<input type='text' name='pCurrentPage'/>");
	inputPage.attr("value",currentPage);
	//注入参数到表单
	form.append(inputType);
	form.append(inputNumber);
	form.append(inputStatus);
	form.append(inputPage);
	form.appendTo("body");  
	form.hide();
	//提交表单
	form.submit();
}