一个添加表格的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script language=javascript>
  <!--
  /*
   var row = document.createElement("tr");
   var cell = document.createElement("td");
   cell.appendChild(document.createTextNode("zhangli"));
   row.appendChild(cell);
   document.getElementById("table1").appendChild(row);
    function addrow()
    {
     trd=document.all.table1.insertRow();
     trd.insertCell().innerHTML="<td>111111</td>";
    }
     
   */
/******必须符合DOM规则，table,tbody,tr,td,text********/
  function doAdd() {    var table = document.getElementById("table1");
    var tabody=document.createElement("tbody");
    var row = document.createElement("tr");
    var cell=document.createElement("td")    var text = document.createTextNode("熊怎么死的一点便知 哈哈！");
    cell.appendChild(text);
    row.appendChild(cell);
    tabody.appendChild(row); 
    table.appendChild(tabody)    }
   //-->
  </script>
</HEAD><BODY><table id="table1" border='1'>
<tr><td>123213</td></tr>
</table>
<input value='添加' onclick='doAdd()' type='button'/>
</BODY>
</HTML>你的意识是这样的？

解决方案 »

  1.   

    如果是option类型的下拉选择项的那些要怎么把值去掉?
      

  2.   

    这个需要你原来表格的代码.
    里面要做判断看之前的是文本框还是select等...
      

  3.   

    按不同的控件类型来清空不行吗？
    单独写个function来做这件事情
    text就设value=""
    select就设options[0].selected = true
    radio或checkbox就设checked = false
    单独写个函数可能还有其它的好处，比如说控件的id或name属性要修改也可以放到这个函数中处理。
      

  4.   

    方案1：
    clone表格行后，将里面的select/text-input赋值为空字符串方案2：
    不要clone已改后的行，而是在form外放一行当行模板（放在form外是为防止把这个行模板也提交了），每次拷那个模板行。
      

  5.   

    <table id=test>
    <tr style="display:none;width:100px;height:30px;">
    <td>
    <input type=text>
    </td>
    <td>
    <select>
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    </td>
    <td>
    <input type=radio name=sex>男
    <input type=radio name=sex>女
    </td>
    </tr>
    <tr style="width:100px;height:30px;">
    <td>
    <input type=text>
    </td>
    <td>
    <select>
    <option selected>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    </td>
    <td>
    <input type=radio name=sex>男
    <input type=radio name=sex>女
    </td>
    </tr>
    </table>
    <button onclick="add()">add</button>
    <script language=javascript>
    var obj=document.getElementById("test");
    function add()
    {
    var obj_row=obj.insertRow();
    for(i=1;i<=obj.rows(0).cells.length;i++)
    {
    var obj_cell=obj_row.insertCell();
    obj_cell.innerHTML=obj.rows(0).cells(i-1).innerHTML;
    }
    }
    </script>