首页 > 代码库 > js前端clone的要诀
js前端clone的要诀
1、首先要定义原体,这个包括对象,和隐藏属性,这个是不能显示的,最外层设置 class=“hide”,要克隆的部分设置为显示;
<ul id="loanoneTableHide" class="hide"> <!-- Text inputs --> <li id="loanoneTable_trRow_1" class="CaseRow" > <div class="item-content"> <div class="item-media"> <i class="icon icon-form-name"></i> </div> <div class="item-inner"> <div class="item-input"> <input class="btn btn-small" name="addrowloanoneBtn" type="button" value="http://www.mamicode.com/新增" onclick="addData();" > <input type="button" class="btn_edit" name="deleteName" value="http://www.mamicode.com/删除" /> <input type="hidden" name="userDescrips[0].id" value="" > <input type="text" name="userDescrips[0].title" placeholder="标题" value="http://www.mamicode.com/二维码" > <input type="text" name="userDescrips[0].tags" placeholder="标签" > <textarea name="userDescrips[0].descrip" placeholder="内容" class=""></textarea> <input type="hidden" name="userDescrips[0].username" value="http://www.mamicode.com/hoge" > </div> </div> </div> </li> <!-- Text inputs end--> </ul>
2、上面的元素要放在form的外面,否则提交造成重复提交userDescrips[0]
<form id="uploadForm" action="${context}/mobile/savedescrip" enctype="multipart/form-data" method="post"> <div class="list-block"> <ul id="loanoneTable"> <!-- Text inputs --> <!-- Text inputs end--> </ul> </div> <div class="content-block"> <div class="row"> <div class="col-50"> <a href="http://www.mamicode.com/#" class="button button-big button-fill button-danger">取消</a> </div> <div class="col-50"> <a id="ajaxSubmit" href="http://www.mamicode.com/#" class="button button-big button-fill button-success" >提交</a> </div> </div> </div> </form>
js前端clone的要诀
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。