js高手帮忙

Question

汗！！有很简单的做法的
就是给你的<table>设置一个ID然后innerHTML来附加是最简单的做法

Answer 1

建议你上网打一下js动态table的操作
var obt=document.getElementById(tableid);
var i=1;
function addrow(){
    var newTr = obt.insertRow(obt.rows.length);     
    td0 = newTr.insertCell(); 
     td1 = newTr.insertCell();            
     td0.innerHTML = '证件'+i.toString()+':';
    td1.innerHTML = select下拉框;
    i++;
}

Answer 2

这样吗?
<table>
   <tbody id="src">
<tr bgcolor="#FFFFFF"> 
    <td height="28" align="center" bgcolor="#f5f5f5">证件1： </td> 
    <td> <select style="width:126px;" name="IDCardType1"> 
                        <option value="1">身份证 </option> 
                        <option value="2">护照 </option> 
                        <option value="3">旅行证 </option> 
                        <option value="4">学生证 </option> 
                        <option value="5">军人证 </option> 
                        <option value="6">回乡证 </option> 
                        <option value="7">台胞证 </option> 
                        <option value="8">港澳通行证 </option> 
                        <option value="9">国际海员证 </option> 
                        <option value="10">外国人永久居留证 </option> 
                        <option value="10">其他 </option> 
                        </select> <input name="IDCardNo1" value="" style="width:214px;" /> </td> 
  </tr> 
    <tr bgcolor="#FFFFFF"> 
    <td height="28" align="center" bgcolor="#f5f5f5">证件有效期 1： </td> 
    <td> <input name="IDCardNo1time" type="text" /> <input type="button" value="添加证件"name="addtype" id="addtype" onclick="add_src()" /></td> 
  </tr>
  <tbody>
</table>
<script language=javascript>
function add_src(){
var src = document.getElementById('src');
src.num ? src.num=src.num+1 : src.num = 2;
var tem = src.cloneNode(true);
src.parentNode.appendChild(tem);
tem.rows[0].cells[0].innerHTML= '证件'+src.num+'：';
tem.rows[1].cells[0].innerHTML = '证件有效期 ' + src.num + '：';

}
</script>

Answer 3

建议楼主把结构改成下面的这样就好操作了
<div id="DivModule"><!---模板div--->
<table>
<tr bgcolor="#FFFFFF"> 
    <td height="28" align="center" bgcolor="#f5f5f5">证件 1： </td> 
    <td> <select style="width:126px;" name="IDCardType1"> 
                        <option value="1">身份证 </option> 
                        <option value="2">护照 </option> 
                        <option value="3">旅行证 </option> 
                        <option value="4">学生证 </option> 
                        <option value="5">军人证 </option> 
                        <option value="6">回乡证 </option> 
                        <option value="7">台胞证 </option> 
                        <option value="8">港澳通行证 </option> 
                        <option value="9">国际海员证 </option> 
                        <option value="10">外国人永久居留证 </option> 
                        <option value="10">其他 </option> 
                        </select> <input name="IDCardNo1" value="" style="width:214px;" /> </td> 
  </tr> 
    <tr bgcolor="#FFFFFF"> 
    <td height="28" align="center" bgcolor="#f5f5f5">证件有效期 1： </td> 
    <td> <input name="IDCardNo1time" type="text" />  </td> 
  </tr> 
  <tr><td></td></tr>
</table>
</div>
<div><input type="button" value="添加证件" name="addtype" id="addtype"  onclick="Add(this)"/></div>
<script> 
var Index=1;
function Add(btn){
  Index++;
  var div=document.createElement("div");
  var innerHTML=document.getElementById('DivModule').innerHTML;
  innerHTML=innerHTML.replace(/(证件|证件有效期) ?(\d+)/g,function($1,$2,$3){return $2+" "+Index;});
  div.innerHTML=innerHTML;
  document.body.insertBefore(div,btn.parentNode);
}
</script> 

Answer 4

<script>
  var i=3;
  function addtr(){
  str='<tr bgcolor="#FFFFFF"><td height="28" align="center" bgcolor="#f5f5f5">证件'+i+'： </td><td> <select style="width:126px;" name="IDCardType2"><option value="1">身份证 </option><option value="2">护照 </option><option value="3">旅行证 </option><option value="4">学生证 </option><option value="5">军人证 </option><option value="6">回乡证 </option><option value="7">台胞证 </option><option value="8">港澳通行证 </option><option value="9">国际海员证 </option><option value="10">外国人永久居留证 </option><option value="10">其他 </option></select> <input name="IDCardNo2" value="" style="width:214px;" /></td></tr>';
  document.getElementById("addte").innerHTML=document.getElementById("addte").innerHTML+str
  i++;    
}
</script>这个是最简单的做法啦，也就是给你的TBALE加一个等于addte的就OK了

Answer 5

楼上的正好解决我的问题了，我还有个问题就是动态添出来的表单在后台怎么去值呢？我用PHP

Answer 6

如果是相同的name，给name属性值后加[]，这样在php中$_POST["name"]获取的就是数组了

Answer 7

一样的POST值过去你有了多个值，而name又是相同的，你可以使用split来分割分别获取