+ -
当前位置:首页 → 问答吧 → 创建input时如何限制个数

创建input时如何限制个数

时间:2011-09-14

来源:互联网

JScript code

function createInput(parentID,inputFileID){  
  var parent=$(parentID);//获取父元素
  var div=document.createElement("div");//创建一个div容器用于包含input
  var x=parseInt(Math.random()*(80-1))+1;
  var divName=inputFileID+x.toString();//随机div容器的名称
  div.id=divName;
 
  var  aElement=document.createElement("input"); //创建input
  aElement.name=inputFileID;
  aElement.type="text";//设置类型
 
  var delBtn=document.createElement("input");//再创建一个用于删除input file的Button
  delBtn.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容器加入父元素
}



想问,如何才能限制比如只能建3个input,而不是像现在无限建下去?

作者: jellday   发布时间: 2011-09-14

var count=0;
function createInput(parentID,inputFileID){ 
  if(count<3)
  { 
  var parent=$(parentID);//获取父元素
  var div=document.createElement("div");//创建一个div容器用于包含input
  var x=parseInt(Math.random()*(80-1))+1;
  var divName=inputFileID+x.toString();//随机div容器的名称
  div.id=divName;
 
  var aElement=document.createElement("input"); //创建input
  aElement.name=inputFileID;
  aElement.type="text";//设置类型
 
  var delBtn=document.createElement("input");//再创建一个用于删除input file的Button
  delBtn.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容器加入父元素
  count=count+1;
  }
}

作者: gxttr   发布时间: 2011-09-14

相关阅读 更多