當我選擇一個單元格時，表格會打開另一個表格HTML

-2

我需要幫助，因爲我需要創建一個表格來選擇單元格時打開另一個表格。我需要在HTML或JavaScript中執行此操作。當我選擇一個單元格時，表格會打開另一個表格HTML

我有一個表有一些單元格有數據，當我選擇其中一個時，我需要其他表格與其他數據打開下面。

有人能給我一個想法，我該如何做到這一點？

2017-06-21 Matheus Alves de Oliveira

你可以做的一件事是讓其他表已經在它下面，用CSS將display更改爲none，然後讓它在稍後用JavaScript執行。這裏是我的代碼在JQuery中完成：

$("#tableOne").click(function() { 
 
    $("#tableTwo").css("display", "block"); 
 
});

#tableTwo { 
 
display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id = "tableOne"> 
 
    <tr> 
 
    <td> 
 
     <button id = "demo">Click Me!</button> 
 
    </td> 
 
    </tr> 
 
</table> 
 
<table id = "tableTwo"> 
 
    <tr> 
 
    <td> 
 
     <p>Yay!</p> 
 
    </td> 
 
    </tr> 
 
</table>

這裏是我的常規的JavaScript：

  var demo = document.getElementById("demo"); 
 
      demo.onclick = function() { 
 
       document.getElementById("tableTwo").style.display = "block"; 
 
      }

#tableTwo { 
 
    display: none; 
 
}

<table id = "tableOne"> 
 
     <tr> 
 
     <td> 
 
      <button id = "demo">Click Me!</button> 
 
     </td> 
 
     </tr> 
 
    </table> 
 
    <table id = "tableTwo"> 
 
     <tr> 
 
     <td> 
 
      <p>Yay!</p> 
 
     </td> 
 
     </tr> 
 
    </table>

來源

2017-06-21 19:01:52 CyanCoding

<html> 
<head> 
    <script> 
     function displaySecondTable(){ 
      document.getElementById("tableTwo").innerHTML=" (here is the code for your second table) "; 
     }  
    </script> 
</head> 

    <body> 

    <table id = "tableOne"> 
     <tr> 
     <td onclick="displaySecondTable()"> 
      Click here 
     </td> 
     </tr> 
    </table>  

    <table id = "tableTwo" /> 

</body> 
</html>

可以在純JavaScript做;）

來源

2017-06-21 19:16:29

非常感謝，兄弟。這段代碼讓我省卻了很多麻煩，併爲我在辦公室的活動提供了一個燈光。非常感謝！ –

當我選擇一個單元格時，表格會打開另一個表格HTML

回答

相關問題