长沙快付新闻资讯
您当前的位置是: 首页->技术资讯->.net网站技术问题

js动态生成新增/修改/删除输入框input的一个实例

首发: 长沙快付 版权所有,未经许可严禁转载
   主要js代码如下:
var ii=13;//起始id值
var _name="abc";//可修改input的name以及id前缀
var _name2="cc";//可修改checkbox的name属性前缀
var _pp="p"; //可修改p的id前缀
var _dd=document.getElementById("sp141114_ss");
var arraynew=new Array(0);
var arraydel=new Array(0);
var arrayold=new Array(0);

function sp141114_a(){
var _thenode=document.createElement("p");
_thenode.id=_pp+ii;
var _in_str=ii+' <input type="checkbox" id="'+_name2+ii+'"> <input class="input" name="'+_name+ii+'" id="'+_name+ii+'" type="text" value="" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arraynew.push(ii);ii++;
}

function sp141114_i(_theid,_chk,_vl){
var _thenode=document.createElement("p");
_thenode.id=_pp+_theid;
var _in_str=_theid+' <input type="checkbox" id="'+_name2+_theid+'" '+_chk+'> <input class="input" name="'+_name+_theid+'" id="'+_name+_theid+'" type="text" value="'+_vl+'" /> <a href="javascript:void(0);" class="asp141114" onclick="sp141114_r(this)">-</a>';
_thenode.innerHTML=_in_str;
_dd.appendChild(_thenode);
arrayold.push(_theid);
}

function sp141114_r(_obj){
_obj.parentNode.parentNode.removeChild(_obj.parentNode);
arraydel.push(_obj.parentNode.id.split(_pp)[1]);
}

function sp141114_sss(){
var res1=res2=res3="";
for(i=0;i<arrayold.length;i++){
	if(document.getElementById(_pp+arrayold[i]))
res1=res1+arrayold[i]+"##"+document.getElementById(_name2+arrayold[i]).checked+"**"+document.getElementById(_name+arrayold[i]).value+"<br>";
}
for(i=0;i<arraynew.length;i++){
	if(document.getElementById(_pp+arraynew[i]))
res2=res2+arraynew[i]+"##"+document.getElementById(_name2+arraynew[i]).checked+"**"+document.getElementById(_name+arraynew[i]).value+"<br>";
}
for(i=0;i<arraydel.length;i++){
res3=res3+arraydel[i]+"<br>";
}
document.getElementById("old").innerHTML="-------原始的元素------<br>"+res1;
document.getElementById("res").innerHTML="-------新增的元素------<br>"+res2;
document.getElementById("del").innerHTML="-------删除的元素------<br>"+res3;
}

//插入已经存在的节点
sp141114_i(2,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(3,"","开机后开机后空间好看和健康");
sp141114_i(7,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(8,"checked='checked'","开机后开机后空间好看和健康");
sp141114_i(9,"","000");
sp141114_i(10,"checked='checked'","开机后开机后空间好看和健康");

//新生成的节点
sp141114_a();sp141114_a();sp141114_a();sp141114_a();
  • 最新签约客户
  • 最新上线网站
为什么选择长沙快付公司?

8年专业做网站经验
帮助您解决各种需求,并得到满意方案

效果满意后付款
预付30%定金,效果让您满意后,付全款

资深用户体验设计师
秉承"一切以用户价值为依归"理念,重视用户体验,专为企业需求进行定制

采用国际标准结构建站
DIV+CSS国际标准构建网页,可有效提高网站访问速度、提高网站页面的可维护

实现网络营销[SEO]最大化
网站程序中融入SEO,有效降低企业成本

分享到: