Как выбрать вкладку и задать содержимое вкладки в JavaScript

Question

Я застрял в этом: я создал вкладки и соответствующие вкладки. По умолчанию я скрыл вкладки. Чтобы сделать вкладку видимой, я использую эту строку 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