jQuery中的clone()函数实现了表单中输入项的增减
之前对clone()函数的方法还没有深入的了解,所以一直用相应的形式增加和减少输入项,比如:
Var copy_html=$(选择器)。html();alert(copy _ html);问题是,生成的copy_HTML直接是HTML内容代码,它不是由对象封装的,而是使用:
Var copy_html=$(选择器)。clone();alert(copy _ html);获得非对象对象类型。如果$(选择器)包含一个触发器,比如onclick,如果想copy_html继续使用onclick方法,只需要添加true: clone (true)。
正上方:
单击“”,复制自身并添加:
添加方法:
$(function(){//增加省份和招生$(')。add BTN’)。单击(function () {var copy _ str=$ (this))。父母('。表单组')。clone();copy_str.find('i ')。removeClass('fa-plus ')。addCLaSS(' fa-减');//将按钮图标“”更改为“-”copy _ str。查找('按钮')。remove class(' addbtn ');//删除类名“addbtn”,避免使用这个add方法copy _ str。查找('按钮')。新条目的attr ('onclick ',' canelf(this)');//添加并点击删除触发事件$ (this)。父项()。父项()。父项()。在(copy _ str)之前;//add });});//添加项目并删除方法函数canelf (e) {$ (e)。父项()。父项()。父项()。移除();}最后粘贴HTML代码:
div class=' form-group ' label class=' control-label col-MD-2col-sm-3 col-xs-3 '省份/label div class=' col-MD-10 col-sm-9 col-xs-9 ' div class=' col-MD-2col-sm-3 col Select class=' form-control input-sm ' option all/option value=' Beijing ' Beijing/optionoption value='浙江省'浙江省/option option option value='天津市'天津市/option option value='安徽Optionoption value='山东省'山东省/optionoption value='河南省'河南省/optionoption value='湖北省'湖北省/optionoption value='湖南省'湖南省/optionoption value='广东省' optionoption value='海南省'海南省/optionoption value='山西省'山西省/optionoption value='青海省'青海省/optionoption value='江苏省'江苏省/optionoption value='辽宁省'辽宁省/Optionoption value='吉林省'吉林省/optionoption value='台湾省'台湾省/optionoption value='河北省'河北省/optionoption value='贵州省'贵州省/optionoption value='四川省'四川省/Optionoption value='云南省'云南省/optionoption value='陕西省'陕西省/optionoption value='甘肃省'甘肃省/optionoption value='黑龙江省'黑龙江省/option optionoption value='香港特别行政区' option option value='澳门特别行政区'澳门特别行政区/optionoption value='广西壮族自治区'广西壮族自治区/optionoption value='新疆维吾尔自治区'新疆维吾尔自治区/Optionoption value='内蒙古自治区'内蒙古自治区/optionoption value='西藏自治区'西藏自治区/option/select/Div Div class=' col-MD-2 col-sm-3 col-xs-3 ' Div class=' input-group input-group-sm ' input type=' text ' class=' form-control '占位符='计划招生人数'/Span class=' input-group-addon ' person/Span/Div/Div Div class=' col-MD-1 col-sm-2 col-xs-2 ' 如果你有任何问题,请给我留言,边肖会及时回复你的!
版权声明:jQuery中的clone()函数实现了表单中输入项的增减是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。