jQuery表格序列化-空字符串

我的html：

 <script type="text/javascript">

    $(function() {

        $("#bt1").click(function() {

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

当我启动click事件时，formData为空。我正在使用jQuery 1.4.2。

您必须给input元素命名。例如：

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

会在警报框中给您foo=2。

.serialize()接受表单字段的名称和值，并创建一个类似的字符串name1=value1&name2=value2。没有名称，就无法创建这样的字符串。

请注意，这name与有所不同id。如果您以“常规”方式使用表格，则该表格也将无法使用。每个表单字段都需要一个名称。

尽管不适用于此特定示例，但是如果一个或多个表单输入为，则会发生相同的行为disabled。这些输入将不会显示在序列化字符串中。在我的情况下，所有表单输入都有值，但是被禁用，导致返回空字符串。

name输入中没有属性...这可能是序列化的问题。

<input id="input1" type="text" value="2" name="input1" />

还要确保页面上没有2个具有相同ID的元素。