單擊按鈕後刷新屏幕

我目前有幾個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>";  
       }

來源

2011-09-06 MarkSull

@Gilles你爲什麼要重新列入（顯然不小心）雙貼''和按鈕？這是無效的HTML。 – feeela

@feela因爲我擔心改變代碼的問題，而不是空白（當它顯然無關緊要時）。我對HTML的複製粘貼錯誤信心不足。 @MarkSull我不知道你是如何做你的複製粘貼，但請正確縮進你的帖子（4空格區分代碼與文本，然後一致的代碼意圖）。 – Gilles

您可以使用Jquery刪除API。

http://api.jquery.com/remove/

$('table').last().remove();

來源

2011-09-06 09:55:02

嗨Madhur，我編輯了我的上面的代碼，並將.remove API放在If月份「Jan」的If語句中。它是否正確？ – MarkSull

jquery選擇器$（'TableRowHtml2'）是錯誤的，你需要選擇基於id的，如'＃box-table-a'或標記名'table' –

單擊按鈕後刷新屏幕

回答

相關問題