我目前有几个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>";
}
下拉代码:
<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>
///////////////////////////// ////////////////////////////
可以将下面的代码放在每个specfic 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>";
}
@Gilles你为什么要重新列入(显然不小心)双贴''和按钮?这是无效的HTML。 – feeela
@feela因为我担心改变代码的问题,而不是空白(当它显然无关紧要时)。我对HTML的复制粘贴错误信心不足。 @MarkSull我不知道你是如何做你的复制粘贴,但请正确缩进你的帖子(4空格区分代码与文本,然后一致的代码意图)。 – Gilles