2016-07-11 72 views
0
<div id="dropdown" class="dropdown-content"> 
<a href="#" onclick="createTable('Table',11)">Table</a> 
</div> 

在我的程序中,我有一個按鈕,用戶將選擇一個表格,然後將顯示該表格。目前,當進行第二次選擇時,它只是在第一個表格下面添加一個表格。我想只顯示當前的選擇。我試過這個:選擇新表格時刪除上一張表格

<div id="dropdown" class="dropdown-content" syle="clear:both;"> 
<a href="#" onclick="createTable('Table',11)">Table</a> 
</div> 

而且它什麼也沒做。我也嘗試使用clearfix無濟於事。任何幫助將不勝感激。

+3

看到您的JavaScript代碼會很有幫助,因爲行爲的原因聽起來像是在'createTable'函數中。 – TW80000

+0

另外,'clear'是一個CSS屬性,用於在浮動元素周圍定位事物('float'是另一個CSS屬性)。我假設你希望清除第一張表。 – TW80000

回答

1

在桌子上使用style="display:none"你想隱藏的工作。

你可以創建一個函數,可以輕鬆地打開和關閉一個表的可見性取決於你點擊的按鈕,但沒有你的Javascript,我無法真正幫助你。

隨意標記我或者給我發短信回來時,你已經把在Javascript和我可以試着幫你正確的一個功能,將你做它:)

0

1-讓每個表中的ID:

<table id="table1">..</table> 
<table id="table2">..</table> 

2。在你的按鈕的點擊處理程序使用id隱藏表,假設你想隱藏表1

document.getElementById("table1").style.display = "none" 

您還可以使用jQuery功能:hide()

0

您可以使用JQuery函數.empty()刪除先前創建的表格,或使用.hide() [隱藏表格]和.show()[如果您需要再次顯示錶格]。

但是,如果您發佈腳本,則更容易進行更正,而不是採用不同的解決方案。