空白表中的所有字段

我有一个如此之大的表单，估计有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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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>&nbsp; 
     </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']));?>" /> &nbsp; 
     </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']));?>" /> &nbsp; 
     </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> 
     &nbsp; 
     </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> 
      &nbsp;   
     </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> 
     &nbsp; 
     </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> 
      &nbsp;   
     </td> 
    </tr>   
     </table>

现在我要检查一些验证提交表单时以后做在本小节空各个领域。

其中之一是我通过字段名称或ID将字段逐个空白，但它不会很好地完成这项工作，我正在寻找更少的代码来完成这项工作。

来源

2012-07-30 Bajrang

哦，是的。 .. 你试过什么了？ – 2012-07-30 12:27:17

其实我正在用getElementById或document.form [0] .inputfielsName.value =''为每个字段。 – Bajrang 2012-07-30 12:30:52

如果您提供表格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);

如果你有选择列表，与像选择与值0第一个选项，那么你可以做

$('#tableID select').val("0");

或

$('#tableID select').val(('#tableID select option:eq(0)').attr("value"));

来源

2012-07-30 12:32:06

如果你想从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 fields

来源

2012-07-30 12:28:48 Dipak

我怀疑这是什么意思是“空白所有领域”。 – 2012-07-30 12:30:04

将空白值（“”）置于此子部分中的所有字段。 – Bajrang 2012-07-30 12:33:28

我不想从子部分中删除任何东西，只显示没有表（子部分），并将空白值到所有字段。 – Bajrang 2012-07-30 12:36:10

$('#yourTable input[type="text"]').val("");

也就是说，选择表中的所有文本输入并将其值设置为空字符串。要包含select元素，假设您选择的元素的默认值是空字符串，如问题中的代码所示：

$('#yourTable').find('select,input[type="text"]').val("");

来源

2012-07-30 12:30:44 nnnnnn

空白表中的所有字段

回答

相关问题