使用循環

生成HTML表格請幫忙下面提到scenario->使用循環

我有一個表這樣的方式，從1到30想顯示值是1,2,3號應該來一個標籤和像其他tr標籤中的明智4,5,6等直到30值。我想用table來顯示錶格中的值。其中每個值如「1」應該顯示在一箇中，不應該在不同的<TD>等中顯示「2」。

我的意思是說，值「1」應在<Table>標籤的單<TD>顯示，值「2」應該被顯示在另一<td>標籤等，一個<Tr>應當使用三個後續<TD> S還之後。輸出應爲folllows - >

1 2 3 
4 5 6 
7 8 9

等等！

早期的反應將不勝感激。謝謝。

我已經試過代碼如下給出

<script type="text/javascript"> 

    document.write("  <table width='673' align='center' cellpadding='2' cellspacing='1'>"); 
    document.write("   <tr>"); 
    document.write(" <td valign = 'top'>"); 
    document.write("    </td>"); 

    document.write("   </tr>"); 

    var cnt = 0; 
    for (var idx = 1; idx <= 30; idx++) 
    { 
     cnt = cnt + 1; 
     document.write("   <tr>"); 
      document.write(" <td valign = 'top'>"); 
      document.write("  <table width='100px' align='center' cellpadding='2' cellspacing='1'>"); 
      document.write("   <tr>"); 
      document.write("    <td align='center'>"); 
      document.write("     " + idx + ""); 
      document.write("    </td>"); 
      document.write("   </tr>"); 
      document.write("   <tr>"); 
      document.write("    <td class='label'>"); 
      document.write("     <span> name part : " + idx + "</span>"); 
      document.write("    </td>"); 
      document.write("   </tr>"); 
      document.write("   </table>"); 
      document.write("    </td>"); 
      if (cnt = 3) 
      { 
       document.write("   </tr>"); 
      } 
      if (cnt = 3) { 
       cnt = 0; 
      } 

     } 

    document.write("   </table>"); 
</script>

來源

2012-03-17 hero123

你剛纔不是張貼同樣的問題在http://stackoverflow.com/questions/ 9751799/generate-dynamic-html-using-for-loop？ – j08691 2012-03-17 17:10:32

雅@ j08691但這次，我已經澄清了我的問題以及問題的詳細解釋！由於我的早期查詢沒有得到答覆而關閉，因此我發佈了新的Q. – hero123 2012-03-17 17:11:34

我很困惑。至少格式化你的問題的編碼部分。 – Kaf 2012-03-17 17:15:13

你可以嘗試這樣的事情：

var mytable = "<table cellpadding=\"0\" cellspacing=\"0\"><tbody><tr>"; 

for (var i = 1; i < 31; i++) { 
    if (i % 3 == 1 && i != 1) { 
    mytable += "</tr><tr>"; 
    } 
    mytable += "<td>[" + i + "]</td>"; 
} 

mytable += "</tr></tbody></table>"; 

document.write(mytable);

這裏是一個jsFiddle demo

來源

2012-03-17 17:21:49 ajax333221

thnx一噸@ ajax333221 – hero123 2012-03-17 17:34:10

@ hero123看到更新，我刪除了不必要的行 – ajax333221 2012-03-17 17:37:32

Works Awesome !!! – VSN 2015-08-14 13:59:34

這是未經測試的僞代碼，但可以幫助您開始：

var x, row; 
for(x=1;x<10;x=x+row) 
{ 
    document.write('<tr>'); 
    for(row=0;row<2;row++) 
    { 
     document.write('<td>' + (x + row)); 
     // Whatever else you want to output 
    } 
}

編輯：給出這個答案OP編輯之前，他的問題添加其他信息。

來源

2012-03-17 17:13:44 msigman

試試吧，thnx msigman！ – hero123 2012-03-17 17:21:09

使用模運算符％來檢查第3個數字並相應地設置標籤。

http://en.wikibooks.org/wiki/C_Sharp_Programming/Operators

來源

2012-03-17 17:15:54 Brouwer

回答

相關問題