2012-03-17 14 views
3

ために使用して、HTMLテーブルを生成し、後述scenario->をして助けてくださいループ

私は1,2,3番が1つのタグに来る必要があることを表ように1から30までのwanna表示値が生じていますし、賢明な4,5,6のような他のtrタグのansので30の値まで。私はテーブルの要素に値を表示するためにテーブルを使用したいと思います。 「1」のような各値は1つに表示され、「2」は異なる<TD>などで表示されるべきではない。

Iがその値「1」<Table>タグの単一<TD>に表示されるべきであると言うことを意味し、値「2」は、一つ<Tr>が使用されるべき、三後続<TD>秒後、ように別の<td>タグに表示されるべきです。出力は次のようにする必要があります - >

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> 
+0

です9751799/generate-dynamic-html-for-for-loop? – j08691

+0

ya @ j08691今回は、質問の詳細な説明とともに私の質問を明確にしました!私の初期の質問は答えずに終了して以来、私は新しいQを投稿しました。 – hero123

+0

私は混乱しています。少なくとも、あなたの質問のコーディング部分を適切にフォーマットしてください。 – Kaf

答えて

7

あなたはこのような何か試すことができます:ここでは

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); 

はあなただけhttp://stackoverflow.com/questions/で同じ質問を投稿しませんでしたjsFiddle demo

+0

thnx a ton @ ajax333221 – hero123

+0

@ hero123アップデートを見る、私は不要な行を削除しました – ajax333221

+0

Works Awesome !!! – VSN

1

これはテストされていない擬似コードですが、あなたが始めるのに役立つことがあります。

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を編集する前に、この答えを与えられた彼の追加情報を追加する質問。

+0

それを試してみる、thnx msigman! – hero123

関連する問題