0

したがって、2つのフォームを並べて使用します。ユーザーが必要な数のフォームを生成し、各フォームを1行に2つずつテーブルデータとして保存できるようにします。私が抱えている問題は、フォームがテーブルに保存されないことであり、何が間違っているのか完全にはわかりません。私は、ユーザーが生成したいフォームの数を見つけるためにフォームを作成することから始めます。

<table border='1'>
<span id='exForms'>
  <input type='text' name ='number' id='number'>
  <button type='button' onclick="add()">Add</button>
</span>
</table>

次に、番号がadd（）に送信されます

add()
{
  var number = document.getElementsByName('number')[0].value;
  var x = document.getElementById('exForms');

  number = parseInt(number);
  var i;
  x.innerHTML="";
  x.innerHTML+="<tr><th>Form1</th> <th>Form2</th></tr>";
  for(i = 0; i<number; i++)
  {
     x.innerHTML+="<tr><td><input type='text' name='commandsc[]'></td><tr><td><input type='text' name='commandsi[]'></td></tr>";
  }
  x.innerHTML+="<input type='submit' name ='submit' value='submit'>";
}

出力は基本的に、行上のすべてのフォームと送信ボタンです。どんな助けでも素晴らしいでしょう。ありがとう。

4

2 に答える 2

0

これが実際のレイアウトです。

<span id="exForms">
  <input type="text" name="number" id="number">
  <button type="button" onclick="add()">Add</button>
</span>
<table border="1"></table>

つまり、レイアウトが無効です。そのため、レイアウトに加えた変更が期待どおりに機能しませんでした。

exFormsテーブルの中にはありません。また、次のような計画を立てます

<table><span><tr/></span></table>

悪い考えでした。

于 2012-06-28T05:50:58.907 に答える
0

新しく作成された行を既存のテーブルtbodyに追加することで、問題を解決できます。

方法については、次のリンクを参照してください：http ://www.roseindia.net/javascript/javascript-add-row-to-table.shtml

于 2012-06-28T07:43:48.837 に答える