js动态添加File控件
<html></head><script language="javascript" type="text/ecmascript">//======================//功能:在表单中input file控件//参数:parentID---要插入input file控件的父元素ID// inputID----input file控件的ID//======================function createInput(parentID,inputFileID){ var parent=$(parentID);//获取父元素 var div=document.createElement("div");//创建一个div容器用于包含input filevar x=parseInt(Math.random()*(80-1))+1;var divName=inputFileID+x.toString();//随机div容器的名称div.name=divName;div.id=divName; varaElement=document.createElement("input"); //创建inputaElement.name=inputFileID;aElement.id=inputFileID;aElement.type="file";//设置类型为file var delBtn=document.createElement("input");//再创建一个用于删除input file的ButtondelBtn.type="button";delBtn.value="删除";delBtn.onclick=function(){ removeInput(parentID,divName)};//为button设置onclick方法 div.appendChild(aElement);//将input file加入div容器div.appendChild(delBtn);//将删除按钮加入div容器parent.appendChild(div);//将div容器加入父元素}//============================//功能:删除一个包含input file的div 容器//参数:parentID---input file控件的父元素ID// DelDivID----个包含input file的div 容器ID//============================function removeInput(parentID,DelDivID){ var parent=$(parentID); parent.removeChild($(DelDivID));}//通过元素ID获取文档中的元素 function $(v){return document.getElementById(v);}</script><body><div align="left" id="div_Pic" style="border:1px solid #CCCCCC"> <input name="PicFile" type="file" id="ShowPicFile"></div><input type="button"name="button" id="button" value="+ 继续添加图片"></body></html>
页:
[1]