value was "" blank when refreshing the page manually

Question

Hi, I have a problem regarding the maintaining of value when page was refresh.I assign a value into a hidden control using javascript below:

function displaytab(tabID) {
   var tabId = document.getElementById("ctl00_MainContent_tabId"); 
    switch (tabID) {
        case 1:
          tabId.value=1;
          break;
        case 2:
          tabId.value=2;

          break;
        case 3:
          tabId.value=3;

          break;
        default:
         tabId.value=0;

           break;     
     }

but when i refresh the page the value was ("") blank. Is there any way how to resolved this issue? or what is the best way to do this?

Answer 1

You might consider putting the values you need to store across refreshes into the page anchor (the part of the URL following the # sign). You can access this in javascript via the location.hash member.

Answer 2

Ensure displayTab is not called until the DOM is ready.

A easy way would be calling your function in window.onload:

window.onload = function()
{
    displayTab(123);
};