Question

我目前有一个按钮如下：

  <div id="hidden" style="display:none"> 
        <table 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></td>
        </tr>
        </table> 
  </div>

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

function showState()
{   
    var productServer = getSelectedProduct();

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

function getProduct()
{
   return product;
}

在页面加载时，getProduct（）返回null，因为我的整个页面被重置。我希望产品的onlick能够返回已选择的实际产品。例如，我尝试了以下内容。使用以下代码完成调试器

  <div id="hidden" style="display:none"> 
        <table 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>getProduct()</td>
        </tr>
        </table> 
  </div>

当这个运行时，我得到null，因为当页面首次加载时，产品为null。如果我执行以下操作：

function showState()
{   
    var product = getProduct();
    var productServer = getSelectedProduct();

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

然后点击该产品变量，使用正确的产品进行更新。我的问题是，每当有人点击按钮时，如何让showState（）方法中的var产品出现在我的表中？

Answer 1

1）您在原始帖子代码中缺少按钮标记。

2）您的JS周围没有脚本标记。

3）确保包含JS库

HTML：

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

<div id="hidden" style="display: none;"> 
        <table 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>getProduct()</td>
        </tr>
        </table> 
</div>

使用Javascript：

<script>
function showState()
{   
    if (document.getElementById("hidden").style.display == "block")
    {
        document.getElementById("hidden").style.display = "none";
    }
    else 
    {
        document.getElementById("hidden").style.display = "block";
    }
}
</script>

这有什么问题？

点击获取状态

1 个答案: