document.write("<div id='popupmenu'>...</div>);
清除层内容:
document.getElementById("popupmenu").innnerHTML="";
http://www.windsfly.cn/blog/default.asp?id=660
http://www.cnblogs.com/wjfluisfigo/archive/2009/01/15/1359309.html
<script type="text/javascript">
var p=1;
function CreateUpload()
{
p++;
var div=document.createElement('div');
var html='<img id=img_view'+p+' style="width: 90px; height: 90px; float: left;margin: 5px;display:none;" />'
+ '<div style="float: left;">'
+' 类型:<select name="types" id="types'+p+'"><option value="1">荣誉证书</option><option value="2">环境风光</option>'
+'<option value="3">公共设施</option><option value="4">温馨卧室</option><option value="5">精彩活动</option></select><br />'
+' 标题:<input type="text" name="imgTitle" id="imgTitle'+p+'" size="30" value="" /><br />'
+' 图片:<input type="text" readonly="readonly" id="ReviewPic'+p+'" name="ReviewPic" value="" style="width: 270px;" />'
+'<input type="button" value="我要上传" οnclick="document.getElementByIdx_x_x(\'frmReviewPic'+p+'\').style.display=(document.getElementByIdx_x_x(\'frmReviewPic'+p+'\').style.display == \'\' ? \'none\' : \'\')" />'
+'<iframe name="frmReviewPic" id="frmReviewPic'+p+'" frameborder="0" cellpadding="0" width="480"'
+' height="30" scrolling="no" src="../uploadfile.aspx?space=0&bgcolor=e6eff8&size=35&input=ReviewPic'+p+'"'
+'bgcolor="#ffffff" style="display: none"></iframe><br />'
+'描述:<textarea cols="60" rows="2" name="Description" id="Description'+p+'" class="inputtext"></textarea><a href="javascript:" οnclick="RemoveAdd('+p+')">[-]删除</a></div>';
div.innerHTML=html;
div.style.width="780px";
div.style.marginTop="10px";
div.setAttribute("id","upDiv"+p);
//div.id="upDiv"+p;
document.getElementById('uppics').appendChild(div);
}
function sub()
{
var ReviewPic=document.getElementsByName("ReviewPic");
var Description=document.getElementsByName("Description");
var imgTitle=document.getElementsByName("imgTitle");
//alert(o.length);
for(var i=0;i<ReviewPic.length;i++)
{
if(imgTitle[i].value=="")
{
alert("您有没有标题的图片上传,请填写标题!");
imgTitle[i].focus();
return false;
}
if(imgTitle[i].value.length>15)
{
alert("第"+(i+1)+"张图片的标题过长,请您更正!");
imgTitle[i].focus();
return false;
}
if(ReviewPic[i].value=="")
{
alert("第"+(i+1)+"张图片没有上传!");
return false;
}
}
return true;
}
function RemoveAdd(id)
{
var div=document.getElementById('upDiv'+id);
var div2=document.getElementById('uppics');
div2.removeChild(div);
}
</script>
<html>
<head>
</head>
<body>
<div style="width: 100%;" id="uppics">
<div style="width: 100%;" id="upDiv1">
<img id="img_view1" style="width: 90px; height: 90px; float: left; margin: 5px; display: none;" />
<div style="float: left;">
类型:<select name="types" id="types1"><option value="1">荣誉证书</option>
<option value="2">环境风光</option>
<option value="3">公共设施</option>
<option value="4">温馨卧室</option>
<option value="5">精彩活动</option>
</select><br />
标题:<input type="text" name="imgTitle" id="imgTitle1" value="" size="30" /><br />
图片:<input type="text" readonly="readonly" id="ReviewPic1" name="ReviewPic" value="" style="width: 270px;" />
<input type="button" value="我要上传" οnclick="document.getElementByIdx_x_x('frmReviewPic1').style.display=(document.getElementByIdx_x_x('frmReviewPic1').style.display == '' ? 'none' : '')" />
<iframe name="frmReviewPic" id="frmReviewPic1" frameborder="0" cellpadding="0" width="480"
height="30" scrolling="no" src="../uploadfile.aspx?space=0&bgcolor=e6eff8&size=35&input=ReviewPic1"
bgcolor="#ffffff" style="display: none"></iframe>
<br />
描述:<textarea cols="60" rows="2" name="Description" id="Description1" class="inputtext"></textarea>
</div>
<input style="float: left;" class="botton" type="button" οnclick="CreateUpload()"
value="[+]继续添加" />
</div>
</div>
</body>
<html>