<html>
<head>
    <title></title>
</head><script type="text/javascript" >
 var i = 2;
 function addNew() {
     
 var str  ='<fieldset style="padding: 2; width:578px; height:96px" > ';
     str +='<legend>'+i+' </legend>'; 
     str +='姓名: <input type="text" name="cname" size="13"> <br>证件类型: <select size="1" name="documets"> ';
     str +='<option>护照 </option> ';
     str +='<option>身份证 </option> ';
     str +='</select>号码: <input type="text" name="dnumber" size="20"> ';
     str +='成人儿 <input type="radio" name="cr" value="V5"> ';
     str +='童 <input type="radio" name="cr" value="V6"> <br> ';
     str += '出生: <input type="text" name="cbirthday" size="24"/><br/>';     document.getElementById("fieldsetControl").innerHTML += str;
     i++;
 }
</script>
<body  ><%--onbeforeunload ="tt()"--%>
    <form id="form1" >
   <input type="reset" value="添加一位" name="B2" onclick ="addNew()"> 
   <div id="fieldsetControl">
        <fieldset style="padding: 2; width:578px; height:96px" > 
        <legend>1 </legend> 
        姓名: <input type="text" name="cname" size="13"> <br>证件类型: <select size="1" name="documets"> 
        <option>护照 </option> 
        <option>身份证 </option> 
        </select>号码: <input type="text" name="dnumber" size="20"> 
        成人儿 <input type="radio" name="cr" value="V5"> 
        童 <input type="radio" name="cr" value="V6"> <br> 
        出生: <input type="text" name="cbirthday" size="24"/><br/>
        </fieldset> 
    </div>
    </form>
</body>  
</html>

解决方案 »

  1.   

    <input type="button" value="添加一位" name="B2" onclick="addnode()"> 
    <div id=divparent>
    <fieldset style="padding: 2; width:578px; height:96px" > 
    <legend>1 </legend> 
    姓名: <input type="text" name="cname" size="13"> <br>证件类型: <select size="1" name="documets"> 
    <option>护照 </option> 
    <option>身份证 </option> 
    </select>号码: <input type="text" name="dnumber" size="20"> 
    成人儿 <input type="radio" name="cr" value="V5"> 
    童 <input type="radio" name="cr" value="V6"> <br> 
    出生: <input type="text" name="cbirthday" size="24"> </p> 
      
    </fieldset> 
    </div>
    <srcipt>
    function addnode()
    {
       fieldsetObj=document.createElement("fieldset"); 
    fieldsetObj.style.padding=2;
    fieldsetObj.style.width=578px;
    fieldsetObj.style.height=96px;
    fieldsetObj.innerHTML="<legend>1 </legend> 
    姓名: <input type=text name=cname size=13 > <br>证件类型: <select size=1 name=documets > 
    <option>护照 </option> 
    <option>身份证 </option> 
    </select>号码: <input type=text name=dnumber size=20 > 
    成人儿 <input type=radio name=cr value=V5 > 
    童 <input type=radio name=cr value=V6 > <br> 
    出生: <input type=text name=cbirthday size=24 > </p> "
    document.getElementById("divparent").appendChild(fieldsetObj); 
    }
    </srcipt>验证 举一个例子:
    var arrname=window.document.getElementsByName("cname ");
    for(i=0;i<arrname.length;i++)
    {
    if(arrname[i].value=="")
    {
    alert("name is null");
    return false;
    }
    }
      

  2.   

    但我想能否不使用字符串的方式解决,比如内容很多的时候字符串就很长了,能不能复制一个对象再修改它的id属性,再插入,修改id的属性为了验证时候的区别