頁面刷新或按鈕提交后保持標簽頁打開

Question

我試圖在提交表單或刷新頁面后保持當前選項卡打開，但我無法。

我已經看到了關於這個問題的回答語氣，但我的情況有點不同，因為我沒有在我的標簽上使用 ul 和 li 甚至一個 href 。 我用過按鈕。 下面是我的代碼：

HTML

   <div class="tab">
       <button class="tablinks colora" onclick="tabsetting(event, 'London')" id="defaultOpen">General settings</button>
       <button class="tablinks color1" onclick="tabsetting(event, 'Paris')">Attendance sheet settings</button>
       <button class="tablinks color0" onclick="tabsetting(event, 'Tokyo')">Certificate settings</button>
       <button class="tablinks color01" onclick="tabsetting(event, 'Douala')">Certificate templates</button>
   </div>

<div id="London" class="tabcontent">
</div>

Javascript

  function tabsetting(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
  }

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

在頁面刷新或表單提交后，如何讓當前選項卡保持打開狀態，該選項卡位於其中一個選項卡內？

Answer 1

嗨，我找到了我的問題的解決方案。 我貼在這里供大家學習：

$('.tablinks').click(function(){

var activetab = $(this).attr('id');


 localStorage.setItem('activetab', activetab );
  

});

$(function() {  //short hand for $(document).ready()
var activetab = localStorage.getItem('activetab');

document.getElementById(activetab).click();
});