一个职位输入框,我想使用动态添加的方式,客户可以输入一个职位,也可以点击添加,输入多个职位。<div id="div_Pic" style="border:1px solid #CCCCCC" align="left">
<input name="position[]" type="text" id="ShowPicFile">
<input type="button" onClick="createInput('div_Pic','position[]')" name="button" value="+ 继续添加">
</div>function createInput(parentID,inputFileID){
var parent=$(parentID);//获取父元素
var div=document.createElement("div");//创建一个div容器用于包含input file
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.id=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容器加入父元素
}
function removeInput(parentID,DelDivID){
var parent=$(parentID);
parent.removeChild($(DelDivID));
}
//通过元素ID获取文档中的元素
function $(v){return document.getElementById(v);}
我想问一下,能不能直接将input的name改成数组型,比如position[], 这样提交能不能获取所有的输入值?type是checkbox的时候是没问题的。还是说先建个临时text输入框,到时提交时把几个临时输入框的值传递给真正的字段position 呢?
<input name="position[]" type="text" id="ShowPicFile">
<input type="button" onClick="createInput('div_Pic','position[]')" name="button" value="+ 继续添加">
</div>function createInput(parentID,inputFileID){
var parent=$(parentID);//获取父元素
var div=document.createElement("div");//创建一个div容器用于包含input file
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.id=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容器加入父元素
}
function removeInput(parentID,DelDivID){
var parent=$(parentID);
parent.removeChild($(DelDivID));
}
//通过元素ID获取文档中的元素
function $(v){return document.getElementById(v);}
我想问一下,能不能直接将input的name改成数组型,比如position[], 这样提交能不能获取所有的输入值?type是checkbox的时候是没问题的。还是说先建个临时text输入框,到时提交时把几个临时输入框的值传递给真正的字段position 呢?
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货