清空表格中的所有字段
清空表格中的所有字段
提问于 2012-07-30 20:25:49
我有一个这么大的表单估计170个输入字段，分为由html表的子部分。以下是我的其中一个小节：
<table width="90%" border=0 align="center" cellpadding="0" cellspacing="1" >
<tr align="center">
<th height="20" colspan="4"> Upgradings / Repair Work
<?php if($ResultRow->shipnam != '') echo(" for ".$ResultRow->shipnam);?>
</th>
</tr>
<tr>
<td width="15%" height="20" align="right">Date est. start Upgrade : </td>
<td height="20" width="30%">
<input name="est_start_upgrade" type="text" id="est_start_upgrade" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['est_start_upgrade']));?>" />
<a href="javascript:est_start_upgrade.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
<td width="15%" height="20" align="right"> Date est. end Upgrade : </td>
<td height="20" width="30%">
<input name="est_end_upgrade" type="text" id="est_end_upgrade" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['est_end_upgrade']));?>" />
<a href="javascript:est_end_upgrade.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
</tr>
<tr>
<td height="20" align="right">Date actual start Upgrade : </td>
<td height="20" >
<input name="act_start_upgrade" type="text" id="act_start_upgrade" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['act_start_upgrade']));?>" />
<a href="javascript:act_start_upgrade.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
<td height="20" align="right"> Date actual complete Upgrade : </td>
<td height="20" >
<input name="act_end_upgrade" type="text" id="act_end_upgrade" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['act_end_upgrade']));?>" />
<a href="javascript:act_end_upgrade.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
</tr>
<tr>
<td height="20" align="right">Date est. start Repair : </td>
<td height="20" >
<input name="est_start_repair" type="text" id="est_start_repair" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['est_start_repair']));?>" />
<a href="javascript:est_start_repair.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
<td height="20" align="right"> Date est. end Repair : </td>
<td height="20" >
<input name="est_end_repair" type="text" id="est_end_repair" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['est_end_repair']));?>" />
<a href="javascript:est_end_repair.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
</tr>
<tr>
<td height="20" align="right">Date actual start Repair : </td>
<td height="20" >
<input name="act_start_repair" type="text" id="act_start_repair" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['act_start_repair']));?>" />
<a href="javascript:act_start_repair.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
<td height="20" align="right"> Date actual complete Repair : </td>
<td height="20" >
<input name="act_end_repair" type="text" id="act_end_repair" size="10" maxlength="11" tabindex="1" onBlur="cal_prs_date1(this)" value="<?php echo(trim($_POST['act_end_repair']));?>" />
<a href="javascript:act_end_repair.popup();" tabindex="1" ><img src="../../common/date_component/img/cal.gif" width="16" height="16" border="0" alt="Click here to pick up the date"></a>
</td>
</tr>
<tr>
<td height="20" align="right">Upgrading info : </td>
<td height="20" >
<input name="upgrading_info" type="text" id="upgrading_info" value="<?php echo(trim($_POST['upgrading_info']));?>" />
</td>
<td height="20" align="right">Repair info :</td>
<td height="20" >
<input name="repair_info" type="text" id="repair_info" value="<?php echo(trim($_POST['repair_info']));?>" />
</td>
</tr>
<tr>
<td height="20" align="right"> Upgrading Builder : </td>
<td height="20" >
<div id="upgrading_builderdiv" style="display:inline">
<select name="upgrading_builder" id="upgrading_builder" >
<option value="">Please Select</option>
</select></div>
</td>
<td height="20" align="right">Upgrading shipyard :</td>
<td height="20" >
<div id="upgrading_yarddiv" style="display:inline">
<select name="upgrading_yard" id="upgrading_yard" >
<option value="">Please Select</option>
</select>
</div>
</td>
</tr>
<tr>
<td height="20" align="right"> Repair Builder : </td>
<td height="20" >
<div id="repair_builderdiv" style="display:inline">
<select name="repair_builder" id="repair_builder" >
<option value="">Please Select</option>
</select></div>
</td>
<td height="20" align="right">Repair shipyard :</td>
<td height="20" >
<div id="repair_yarddiv" style="display:inline">
<select name="repair_yard" id="repair_yard" >
<option value="">Please Select</option>
</select>
</div>
</td>
</tr>
</table> 现在，我想在提交表单时检查一些验证后，将该子部分中的所有字段都清空。
一个是我通过字段name或id一个接一个地做字段空白，但这不会是一个好的工作，我正在寻找更少的代码来做这项工作。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-07-30 20:32:07
如果你提供你的表id。要重新发送您的字段，可以尝试
$('#tableID input[type=text]').val("");
$('#tableID input[type=password]').val("");
$('#tableID input[type=checkbox]').attr("checked", false);
$('#tableID input[type=radio]').attr("checked", false);如果你有选择列表，第一个选项如select with value 0。然后你可以这样做
$('#tableID select').val("0"); 或
$('#tableID select').val(('#tableID select option:eq(0)').attr("value"));Stack Overflow用户
发布于 2012-07-30 20:28:49
如果您想从TD中删除文本，可以使用jquery empty()
$('#tableID td').empty(); // will remove the text
$('#tableID td').hide(); // will hide the text编辑:如果您指的是输入字段-
$('#tableID input[type="text"]').val(""); //will remove values from all input fieldsStack Overflow用户
发布于 2012-07-30 20:30:45
$('#yourTable input[type="text"]').val("");也就是说，选择表中的所有文本输入，并将它们的值设置为空字符串。要包括select元素，假设您的select元素的默认值是一个空字符串，如问题中的代码所示：
$('#yourTable').find('select,input[type="text"]').val("");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11721544
复制相关文章
相似问题
腾讯云开发者
