tabs - 如何在 JavaScript 中选择选项卡并设置选项卡面板的内容

Question

我坚持这一点：我已经创建了选项卡和相应的选项卡面板。默认情况下，我隐藏了选项卡。为了使选项卡可见，我使用以下 JavaScript 行：

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

但是，对应的内容tabpanel并没有像我预期的那样更新。我试过用这个：

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

但是什么都没有发生；的内容tabpanel没有更新。

任何帮助将不胜感激。

score 1 · Accepted Answer

该selected属性是在内部设置的，它只是选择更改的指示 - 更改它实际上不会更改选择。您最可能想要做的是：

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

请注意，这selectedPanel是面板而不是其 ID。或者，您也可以使用selectedIndex：

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

1 回答 1