怎么用javascript把写在文本框的内容显示在下面表格里面并为其标上序号,序号递增! <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>
    
  </body>

解决方案 »

  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>
      

  2.   

    var index=1;
    function xs(){
        var _name=document.getElementById("name").value;
        var _age=document.getElementById("age").value;
        var _tbody=document.getElementById("tableA").getElementsByTagName("tbody")[0];
        var _tr=document.createElement("tr");
        var _td=document.createElement("td");
        _td.innerHTML=index;
        _tr.appendChild(_td);
        _td=document.createElement("td");
        _td.innerHTML=_name;
        _tr.appendChild(_td);
        _td=document.createElement("td");
        _td.innerHTML=_age;
        _tr.appendChild(_td);
        _tbody.appendChild(_tr)
        index++;
    }
      

  3.   

    这个问题,可以得到tr的总数,然后通过循环将tr的i,加在$().children().first().val(i).这不就行了么?
      

  4.   

    function xs() {
    var name = document.getElementById('name').value;
    var age = document.getElementById('age').value;
    //console.log(name + ':' + age);

    var table = document.getElementById('tableA');

    var row_index = table.rows.length;

    var row=table.insertRow(rows_index);
    var cell0=row.insertCell(0);
    var cell1=row.insertCell(1);
    var cell2=row.insertCell(2);
    cell0.innerHTML = rows_index;
    cell1.innerHTML = name;
    cell2.innerHTML = age;
    }