动态子表

<%=com.oztime.util.page.PageOut.outTableTitle("分类")%>
<script language="JavaScript" type="text/javascript">
var mcount = 0;
</script>

<table cellpadding="0" cellspacing="0"  class="table-content">
<tr>
    <td class="td-head" width='5%'>选择</td>
   <td class="td-head" width='15%'>分类</td>
 <td class="td-head" width='40%'>内容</td>
    <td class="td-head" width='40%'>备注</td>
 
</tr>
</table>
<table cellpadding="0" cellspacing="0"  id="CONTENT" class="table-content">
</table>
<table width="100%" height="30"  border="0" align="center" cellpadding="0" cellspacing="0" id="addziniu">
            <tr>
              <td width="40%"  background="#FFFFFF"></td>
              <td width="60%" align="left"  background="#FFFFFF">
                 <input name="button1" type="button" class="button2" value="  添  加  " onClick="addItem(document.all.CONTENT);" />
                 <input name="button2" type="button" class="button2" value="  删  除  " onClick="delItem(document.all.CONTENT);" /></td>
            </tr>
</table>
<script LANGUAGE="JavaScript">
  function addItem(Obj){
 <%
   String selectPlantypeHtml= "<select name='plantypeArray'>";
    for(int j = 0;j < vc.size();j++){
     String[] type_value = ((String)vc.get(j)).split(",");
     selectPlantypeHtml=selectPlantypeHtml+"<OPTION VALUE="+type_value[0]+">"+type_value[1]+"</OPTION>";
    }
  selectPlantypeHtml=selectPlantypeHtml+"</select>";
       %>
  var otr;  //行 标记
  otr = CONTENT.insertRow(-1);
  otr.id =mcount;

  var otd;  //列 标记

  otd = otr.insertCell(-1);
  otd.width="5%";
  otd.align="center";   //列对齐方式
  otr.appendChild(otd); //行中添加一列
  var ochk = document.createElement("input");  // 建立INPUT元素
  ochk.type="checkbox";  // 类型是多选按钮
  ochk.size="25";
  otd.appendChild(ochk);

  otd = otr.insertCell(-1);
  otd.width="15%";
  otd.CLASS="td-content1"
  otd.align="center";
  otr.appendChild(otd);
  otd.innerHTML="<%=selectPlantypeHtml%>"

  otd = otr.insertCell(-1);
  otd.width="40%";
  otd.Class="td-content1"
  otd.align="center";   //列对齐方式
  otr.appendChild(otd); //行中添加一列
  otd.innerHTML="<textarea cols='50' rows='6' class='textarea-h100-w300' name='plancontentArray'></textarea>";

  otd = otr.insertCell(-1);
  otd.width="40%";
  otd.align="center";
  otd.Class="td-content1"
  otr.appendChild(otd);
  otd.innerHTML="<textarea cols='50' rows='6' class='textarea-h100-w300' name='remarksArray'></textarea>"; 
  mcount++;
 }
 //删除页面表中选中的数据
   function delItem(Obj){
  var otr = Obj.rows;  // 所有行

  var bflag; // 多选按钮
  if (otr.length <=0){
    alert("无信息，不能删除");
    return;
  }
  var i;
  var mlen = otr.length;  // 行数
    // var mid;    // 行ID
  for (i = 0;i<mlen;i++){
    bflag = otr.item(i).childNodes.item(0).childNodes.item(0).checked;
   if (bflag==true){
     // mid = otr.item(i).id;
   otr.item(i).removeNode(true);
   mlen = mlen - 1;
   //保证循环的次数匹配，否则少循环一次，最后记录无法删除
   i = i - 1;
    }
  }
   }
 </script>