如何仅在单击按钮时使表格工作

Question

我希望仅通过单击按钮来更新表值。目前我的表格是onload。因此，表生成为空值。但我想点击一个按钮，所有值都被检索。如果我再次点击该按钮，表格将再次更新。到目前为止，这是我的代码。

 <input type="button" id="button" value="Click to show states" onclick="showState()"/>

    <div id="hidden" style="display:none"> 
        <table id="base" border="10" style="width:300px">
        <tr>
          <td>Type</td>
          <td>URL State</td>
          <td>Server State</td>
        </tr>
        </br>
        <tr>
          <td>Product</td>
          <td><%=product%></td>
          <td><script>getSelectedProduct()</script></td>
        </tr>
        </table> 
    </div>

window.onload = function()
{
    document.getElementById("button").onclick = showState;
}

function showState()
{   
    var productServer = document.getElementById("productServer");
    productServer = getSelectedProduct();

    if (document.getElementById("hidden").style.display == "block")
    {
        document.getElementById("hidden").style.display = "none";
    }
    else 
    {
        document.getElementById("hidden").style.display = "block";
    }
}