如何選擇一個選項卡，並在JavaScript中設置tabpanel的內容

Question

我被困在這裏：我創建了選項卡和相應的tabpanels。默認情況下，我隱藏了標籤。爲了使標籤可見，我用這個JavaScript行：

document.getElementById("tab-id").setAttribute("selected", true); 

然而，相應的tabpanel的內容不更新如我所料。我試過用這個：

document.getElementById("tabbox-id").selectedPanel = "tabpanel-id"; 

但是什麼都沒有發生; tabpanel的內容未更新。

任何援助將不勝感激。

Answer 1

selected屬性在內部設置，它只是一個指標，選擇已更改 - 更改它實際上不會改變選擇。你最有可能想要做的是這樣的：

var tabpanel = document.getElementById("tabpanel-id"); 
document.getElementById("tabbox-id").selectedPanel = tabpanel; 

注意selectedPanel是面板，而不是它的ID。或者你也可以使用selectedIndex：

document.getElementById("tabbox-id").selectedIndex = 1; 

Documentation