怎么用javascript把写在文本框的内容显示在下面表格里面并为其标上序号,序号递增!

解决方案 »

  1.   

    <body>
      姓名:<input type="text" id="name">
      年龄:<input type="text" id="age"><br/>
      &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
      <input type="button" value="显示" onclick="xs()"><br/>
     
      <table border="1" id="tableA">
      <tr>
      <td>序号&nbsp;</td>
      <td>姓名 &nbsp;</td>
      <td>年龄 &nbsp;</td>
      </tr>
     
      </table>
     <script type="text/javascript">
         function xs() {
             var n = document.getElementById('name'), a = document.getElementById('age');
             if (n.value == '') { alert('请输入姓名!'); n.focus(); return false; }
             if (a.value == '') { alert('请输入年龄!'); a.focus(); return false; }
             var tb = document.getElementById('tableA'), len = tb.rows.length, tr = tb.insertRow(len), td = tr.insertCell(0);
             td.innerHTML = len;
             td = tr.insertCell(1); td.innerHTML = n.value
             td = tr.insertCell(2); td.innerHTML = a.value;
         }
     </script>
      </body>