日期:2014-05-16  浏览次数:20411 次

jquery提交表单,获取不到表单的内容,获取不到input的值
我最近在写一个简单的工作流,涉及到一个流程就是先设计表单,然后人员填单后提交,
我的思路是,先设计表单,然后吧表单填充好之后,整个页面的表单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="">
    &nb