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