【发布时间】：2022-01-13 13:28:19
【问题描述】：
我正在尝试使用 jQuery 提交表单，但 serialize 方法返回 null。怎么了？非常感谢您的帮助。
这是我的代码。
HTML / PHP 代码
<TR>
<FORM id="frmUnitDetails<?php echo $ctr;?>" name="frmUnitDetails<?php echo $ctr;?>" action="./getServPersonsStatsUnit.php" method="post" target="_blank">
<TD align="center" width="300px">
<label id="unit<?php echo $ctr;?>" for="unit<?php echo $ctr;?>"><?php echo $row["UNIT"];?></label>
<input type="hidden" id="unit<?php echo $ctr;?>" name="unit<?php echo $ctr;?>" value="<?php echo $row["UNIT"];?>">
<input type="hidden" id="month<?php echo $ctr;?>" name="month<?php echo $ctr;?>" value="<?php echo $date;?>">
<br>
<INPUT id="showDetails" name="showDetails" type="submit" value="Show Details" onclick="submitFrm('frmUnitDetails<?php echo $ctr;?>')">
</TD>
<TD align="right">
<INPUT type="text" id="ele<?php echo $ctr;?>" name="ele<?php echo $ctr;?>" value="<?php echo $row["ELECT_STAFF"];?>" style="text-align:right;" size="3" readonly="readonly">
</TD>
<TD align="right">
<INPUT type="text" id="ele_sta_cnt<?php echo $ctr;?>" name="ele_sta_cnt<?php echo $ctr;?>" value="<?php echo $ele_sta_cnt;?>" style="text-align:right; color:<?php echo $txtEleClr; ?>" size="3" readonly="readonly">
</TD>
<TD align="right">
<INPUT type="text" id="sec<?php echo $ctr;?>" name="sec<?php echo $ctr;?>" value="<?php echo $row["SEC_GUARD"];?>" style="text-align:right;" size="3" readonly="readonly">
</TD>
<TD align="right">
<INPUT type="text" id="sec_grd_cnt<?php echo $ctr;?>" name="sec_grd_cnt<?php echo $ctr;?>" value="<?php echo $sec_grd_cnt;?>" style="text-align:right; color:<?php echo $txtSecClr; ?>" size="3" readonly="readonly">
</TD>
</FORM>
</TR>
PHP 生成一系列 HTML 表单，通过单击相应的 From Submit 按钮选择提交
生成的 HTML 代码
<tr>
<form id="frmUnitDetails1" name="frmUnitDetails1" action="./getServPersonsStatsUnit.php" method="post" target="_blank"></form>
<td align="center" width="300px">
<label id="unit1" for="unit1">GM(ADMIN)</label>
<input type="hidden" id="unit1" name="unit1" value="GM(ADMIN)">
<input type="hidden" id="month1" name="month1" value="02-Dec-2021">
<br>
<input id="showDetails" name="showDetails" type="submit" value="Show Details" onclick="submitFrm('frmUnitDetails1')">
</td>
<td align="right">
<input type="text" id="ele1" name="ele1" value="2" style="text-align:right;" size="3" readonly="readonly">
</td>
<td align="right">
<input type="text" id="ele_sta_cnt1" name="ele_sta_cnt1" value="3" style="text-align:right; color:red" size="3" readonly="readonly">
</td>
<td align="right">
<input type="text" id="sec1" name="sec1" value="6" style="text-align:right;" size="3" readonly="readonly">
</td>
<td align="right">
<input type="text" id="sec_grd_cnt1" name="sec_grd_cnt1" value="7" style="text-align:right; color:red" size="3" readonly="readonly">
</td>
</tr>
JQuery/JScript 代码
function submitFrm(x)
{
alert(x);
event.preventDefault();
var formValues= $(x).serialize();
alert(formValues);
$.post("./getServPersonsStatsUnit.php", formValues, function(data){
// Display the returned data in browser
$("#divShowDetailsOutPut").html(data);
});
}
【问题讨论】：
-
你怎么称呼
submitFrm？ NVM，发现它隐藏在标记中......submitFrm('frmUnitDetails1')- 如果你这样做$("frmUnitDetails1")你会得到什么 - 什么都没有（从技术上讲，它是一个空的 jquery 集合）。所以不是serialize返回null，而是您的选择器不匹配任何元素。使用$("#" + x).serialize()（提示：使用正确的变量名，而不是“x”）（第二个提示：始终使用console.log($(x).length)调试您的选择器 -
感谢指出错误和建议。我已将函数调用更改为 submitFrm('#frmUnitDetails1')。此外，我将 FORM 标签放在不允许的 TR 标签内，因此我在 FORM 中一无所获。现在我已经在 TD 中移动了 FROM 标记，并且我正在使用 INPUT 标记的 FORM 属性来指出 FORM。现在我正在使用序列化方法获取数据。
标签： jquery serialization null-string