JS控制表格的问题，请高手帮忙!

<span id="txt"></span>
<script language="javascript"> function chk()
{
var d = document.getElementById("s").options[document.getElementById("s").selectedIndex].value;
var ss = ""
for(i=0;i<d;i++)
{
ss += "<tr><td>xx</td></tr>";
}
document.getElementById("txt").innerHTML = "<table width=\"200\" border=\"1\" id=\"tb\">"+ss+"</table>";
}
</script>
<select name="s" id="s" onChange="chk()">  <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

解决方案 »

  1.   

    ss += " <tr > <td >xx </td > </tr >"; 别忘了把其中的空格去掉.
      

  2.   

    我现在不想用innerHTML 这个来做，最好用是像这样的代码：
    function  add_row(Obj)   
    {   
      var   con   =   Obj.cloneNode(true);   
      var   newTR=con;   
      newTR.id=Obj+(++i)   
      Obj.parentNode.insertAdjacentElement("beforeEnd",newTR);   
      }   
      

  3.   

    我现在不想用innerHTML 这个来做，最好用是像这样的代码：
    function  add_row(Obj)   
    {   
      var   con   =   Obj.cloneNode(true);   
      var   newTR=con;   
      newTR.id=Obj+(++i)   
      Obj.parentNode.insertAdjacentElement("beforeEnd",newTR);   
      }   
      

  4.   

    <select onchange="add_row(parseInt(this.options[this.selectedIndex].text,10),document.getElementById('cloneTR'))">
    <option selected>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    </select>
    <table  id="hiddentbl">
        <tr id="cloneTR" style="display:none">
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
    </table><script type="text/javascript" language="javascript">
    function  add_row(rowNum,Obj)   
    {   
          for(var i=1;i<Obj.parentNode.rows.length;i++)
          {
              Obj.parentNode.removeChild(Obj.parentNode.rows[i]);
              i--;
          }
          for(var i=0;i<rowNum;i++)
          {
              var con = Obj.cloneNode(true);   
              con.removeAttribute("style")
              Obj.parentNode.insertAdjacentElement("beforeEnd",con);   
          }
    }   
    </script>
      

  5.   

    <body>
    <div id="txt" >
       <table border=1 cellspacing=0 bordercolor=red >
         <tr><td>cell</td>
          </tr>
        </table>
     </div> 
    <script language="javascript" > 
    function oJia() 
    { 
    var selc=document.getElementById("s");
    var d=selc.options[selc.selectedIndex].value; 
    var scr=document.getElementById("txt");
    var tab=document.createElement("table");
    tab.setAttribute("border","1");
    for(i=0;i<d;i++) 
    { 
     row=tab.insertRow(0);
     td=row.insertCell(0);
     text=document.createTextNode("cell");
     td.appendChild(text);
       }
    scr.replaceChild(tab,scr.firstChild);
    }
    </script > <select  id="s" onChange="oJia()" > 
    <option value="1" >1 </option > 
    <option value="2" >2 </option > 
    <option value="3" >3 </option > 
    <option value="4" >4 </option > 
    <option value="5" >5 </option > 
    </select > 
    </body>
      

  6.   

    给大家推荐一个JAVASCRIPT站点，http://www.tutejs.cn，来这里可以看到很多JAVASCRIPT。