Javascript 单击按钮后刷新屏幕

我目前有几个if语句，它们在单击按钮刷新后填充特定的表

再次单击按钮后，我需要删除上一个被极化的表。我该怎么做

if (strDate == "Jan-2010") {
    var TableRowHtml = "<table id='box-table-a'>";
    TableRowHtml +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";
    TableRowHtml +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";
    TableRowHtml +="<TR><TD>" + Total[0] + "</TD></TR>";
}
else if (strDate == "Feb-2010") {
    var TableRowHtml1 = "<table id='box-table-a'>";
    TableRowHtml1 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";
    TableRowHtml1 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";
    TableRowHtml1 +="<TR><TD>" + Total[1] + "</TD></TR>"; 
}
else if (strDate == "Mar-2010") {
    var TableRowHtml2 = "<table id='box-table-a'>";
    TableRowHtml2 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";
    TableRowHtml2 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";
    TableRowHtml2 +="<TR><TD>" + Total[2] + "</TD></TR>"; 
}
else if (strDate == "Apr-2010") {
    var TableRowHtml3  = "<table id='box-table-a'>";
    TableRowHtml3 +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";
    TableRowHtml3 +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";
    TableRowHtml3 +="<TR><TD>" + Total[3] + "</TD></TR>"; 
}

if（标准日期==“2010年1月”）{
var TableRowHtml=“”；
TableRowHtml+=“单位成本”；
TableRowHtml+=“”+总计[0]+“”；
}
否则如果（标准日期=“2010年2月”）{
var TableRowHtml1=“”；
TableRowHtml1+=“单位成本”；
TableRowHtml1+=“”+总计[1]+“”；
}
否则如果（标准日期=“2010年3月”）{
var TableRowHtml2=“”；
TableRowHtml2+=“单位成本”；
TableRowHtml2+=“”+总计[2]+“”；
}
其他条件（标准日期=“2010年4月”）{
var TableRowHtml3=“”；
TableRowHtml3+=“单位成本”；
TableRowHtml3+=“”+总计[3]+“”；
}

下拉代码：

<tr><td><select id="combobox">
      <option value="Jan-2010">Jan/2010</option>
      <option value="Feb-2010">Feb/2010</option>
      <option value="Mar-2010">Mar/2010</option>
      <option value="Apr-2010">Apr/2010</option>
      <option value="May-2010">May/2010</option>
      <option value="Jun-2010">Jun/2010</option>
  </select></td>
  <td><input type="button" id="RefreshMetrics"  value="Refresh"></td>
</tr>
</select></td>
<td><input type="button" id="RefreshMetrics"  value="Refresh"></td>
</tr>
</table>

2010年1月
2010年2月
2010年3月
2010年4月
2010年5月
2010年6月

/////////////////////////////////////////////////////////////////////////////

可以在每个特定的if语句中放置以下代码，例如…删除每个不需要的表。。。在那个特殊的月份

                      if (strDate == "Jan-2010") 

                    {


                   $('TableRowHtml1').last().remove();
                   $('TableRowHtml2').last().remove();
                   $('TableRowHtml3').last().remove();



       var TableRowHtml = "<table id='box-table-a'>";     
       TableRowHtml +="<TR><TH 'style='width: 50px'>OPERATIONS</TH></TR>";           
 TableRowHtml +="<TR><TH 'style='width: 50px'>Unit Costs</TH></TR>";                   TableRowHtml +="<TR><TD>" + Total[0] + "</TD></TR>";     
                }           

if（标准日期==“2010年1月”）
{
$（'TableRowHtml1'）.last（）.remove（）；
$（'TableRowHtml2'）.last（）.remove（）；
$（'TableRowHtml3'）.last（）.remove（）；
var TableRowHtml=“”；
TableRowHtml+=“单位成本”；TableRowHtml+=“+总计[0]+”；
}           

您可以使用Jquery删除API

---

$（'table'）.last（）.remove（）

@Gilles为什么（显然是意外地）添加了双重粘贴的

和按钮？这是无效的HTML。@feela，因为我担心在问题中更改代码，而不是空格（当它显然不相关时）。我没有足够的信心相信HTML是复制粘贴错误MarkSull我不知道你是如何进行复制粘贴的，但请正确缩进你的帖子（4个空格以区分代码和文本，然后是一致的代码意图）。嗨，Madhur，我已经编辑了我上面的代码，并将.remove API放在了“一月”的If语句中。这是否正确？jquery选择器$（'TableRowHtml2'）错误，您需要根据id（如“#box-table-a”）或标记名“table”进行选择