我最近在写一个简单的工作流,涉及到一个流程就是先设计表单,然后人员填单后提交,
我的思路是,先设计表单,然后吧表单填充好之后,整个页面的表单html进行整体提交保存.
但是遇到了一个奇怪的是问题,发现很多表单提交到后台之后,表单在,内容不在.测试发现一些浏览器好用,一些不好用
IE9在提交的时候,可以把原来的html和input里面的值都提交过去,
chrom则只能获取到原本的html,获取不到input里面的值,
请问我该怎么解决.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单编辑 </title>
<script src="http://code.jquery.com/jquery-1.8.0.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function Button1_onclick() {
saveForm2(".content");
}
function saveForm2(contentCss) {
inputList = $("input");
for (var item = 0; item < inputList.length; item++) {
inputList.eq(item).val(inputList.eq(item).val());
}
inputList = $("input:checked")
for (var item = 0; item < inputList.length; item++) {
inputList.eq(item).attr("checked", "checked");
}
var postData = { "type": "add" };
postData.value = escape($(contentCss).html());
alert(postData.value); // John
// $.post(
// serviceUrl
// , postData
// , function (data) {
// alert("保存成功"); // John
// }
// , "json");
}
</script>
</head>
<body>
<form name="form1" method="post" action="editForm.aspx" id="form1">
<div>
</div>
<div class="control" style="background-color: #cccccc; width: 100%">
<input id="Button1" type="button" value="保存表单" onclick="return Button1_onclick()" />
</div>
<div id="divContent" class="content" style="">
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
<tbody>
<tr>
<td>
<input type="text">
</td>
<td>
<input type="radio" value="on" >
</td>
<td>
<input type="checkbox" value="on" >
</td>
<td>
<select>
</select>