如何在JavaScript中选择选项卡并设置tabpanel的内容

Question

我坚持这个：我已经创建了标签和相应的标签面板。默认情况下，我隐藏了标签。要使标签可见，我使用此JavaScript行：

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

但是，相应tabpanel的内容不会像我预期的那样更新。我试过用这个：

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

但没有发生任何事情; <{1}}的内容未更新。

任何帮助都将受到高度赞赏。

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