超文本标记语言部分

！-用于添加新字段的模板- div类="表单-组隐藏" id="book template "标签类="col-sm-3控件-标签"承包商/label div class=' col-sm-2 ' form :输入路径=' names ' CSS class=' form-control ' name=' names ' placeholder='名称//div class=' col-sm-2 '表单：输入路径=' ComAttiDs ' CSS类=' form-control ' name=' ComTids '占位符=' ID '/div class=' col-sm-2 '按钮类型=' button ' class=' BTN BTN-默认删除按钮' I class=' fa-减/i /button /div /divjs部分

脚本src=' http : $ { context }/plugins/datatables/jquery。数据表。量滴js /脚本脚本src=' http : $ { context }/plugins/datatables/datatables。自举。量滴js /脚本脚本脚本src=' http : $ { context }/js/public。js /脚本脚本脚本“$”ready(function(){ var index=0；$('#form') //添加按钮点击处理程序。打开('点击','。' addButton '，函数(){ if(this。name 0 index==0){ index=this。姓名；}索引；var $template=$('#bookTemplate ')，$clone=$template .克隆()。removeClass("隐藏")。removeAttr('id ').attr('数据-图书-索引，索引).在($模板);//更新名称属性$clone .查找('[name=' name ']').attr('path '，' contractor[' index ']).名称')。attr('名称'，'承包商['索引']).名称')。end().查找('[名称='商品']')。attr('path '，' contractor[' index ']).商品')。attr('名称'，'承包商['索引']).商品')。end()；//添加新字段//注意，我们还将新字段的验证器规则作为第三个参数来传递}) //移除按钮点击处理程序。打开('点击','。removeButton '，function () { var $row=$(this).父母('。form-group ')，index=$ row。attr('数据手册索引')；//移除字段//移除包含字段$row.remove()的元素；});/script效果图

以上所述是小编给大家介绍的引导程序动态表单效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！