【问题标题】:Can't show a display none inside a table无法在表格内显示无显示
【发布时间】:2013-02-07 01:14:04
【问题描述】:

我的 style.display 有问题。

当我更改数字但它不起作用时,我想显示一个提交框(在表格内)。

代码如下:

<head>
<script>
function changedisp(Section){  
    if (Section.style.display=="none"){  
        Section.style.display=""  
    }  
    else{  
    Section.style.display="none"  
    }  
}  
function raisenumber(s,s1) {
    var x;
    x = document.getElementById(s).innerHTML;
    document.getElementById(s).innerHTML = x*1 + 1;
    changedisp(s1);
}
</script>
</head>

<body>
<table>
    <tr>
        <th><b>ID</b></th>
        <th><b>number</b></th>
        <th><b>buttoon</b></th>
        <th><b>submit</b></th>
    </tr>
    <form action="modifica_inventario.php" method="post">
    <tr>
        <td> <b id="cell1A">item number1</b></td>
        <td> <b id="cell2A">10</b></td>
        <td> <button id="cell3A" type="button" onClick=raisenumber("cell2A","cell4A")>+1</button></td>
        <td> <b id="cell4A" style="display: none;"> <input type="submit" value="submit"/></b> &nbsp </td>  
    </tr>
    <tr>
        <td> <b id="cell1B">item number1</b></td>
        <td> <b id="cell2B">10</b></td>
        <td> <button id="cell3B" type="button" onClick=raisenumber("cell2B","cell4B")>+1</button></td>
        <td> <b id="cell4B" style="display: none;"> <input type="submit" value="submit"/></b> &nbsp </td>  
    </tr>
    </form>
</table>
</body>

嗯,我不知道为什么每次按下按钮时它都没有显示在提交按钮上和关闭...

我也试过替换

changedisp(s1);

通过

s1.style.display="";

有没有关于这个的cmet?

【问题讨论】:

    标签: javascript html forms html-table


    【解决方案1】:

    您需要将您尝试隐藏和显示的实际元素传递给您的 changedisp 函数。在您的代码中,您只是传递元素的 ID 名称。试试这个...

    function raisenumber(s,s1) {
        var x;
        x = document.getElementById(s).innerHTML;
        document.getElementById(s).innerHTML = x*1 + 1;
        changedisp(document.getElementById(s1));
    }
    

    注意 changedisp(document.getElementById(s1)); 传递实际元素而不仅仅是 ID。

    【讨论】:

      【解决方案2】:

      您需要将其显式设置为显示类型:

      Section.style.display="inline";
      

      或内联块,或块,或任何你想要的。

      【讨论】:

        【解决方案3】:

        &lt;B&gt; 默认为 display:inline,因此尝试设置为“inline”而不是空字符串“”。

        【讨论】:

          猜你喜欢
          • 2013-06-22
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-03-24
          • 2011-01-07
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多