- <ul id="listUl">
- </ul>
- <button id="add"> 添加 </button>
- <script src="https://cdn.bootCSS.com/jQuery/1.10.2/jQuery.min.JS"></script>
- <script type="text/JavaScript">
- var index=0;
- $("#add").click(function(){
- var html='';
- HTML+='<li class="ItemUl">';
- HTML+='<div class="layui-form-item">';
- HTML+='<label class="layui-form-label"> 标题:</label>';
- HTML+='<div class="layui-input-block">';
- HTML+='<input type="text"data-value="title"name="user['+index+'].title"lay-verify="title"autocomplete="off"placeholder=" 请输入标题 "class="layui-input">';
- HTML+='</div>';
- HTML+='</div>';
- HTML+='<div class="layui-form-item">';
- HTML+='<label class="layui-form-label"> 作者:</label>';
- HTML+='<div class="layui-input-block">';
- HTML+='<input type="text"data-value="username"name="user['+index+'].username"lay-verify="required"placeholder=" 请输入 "autocomplete="off"class="layui-input">';
- HTML+='</div>';
- HTML+='</div>';
- HTML+='<button onclick="del(this)"> 删除 </button>';
- HTML+='</li>';
- $("#listUl").append(HTML);
- index ++;
- })
- // 删除
- function del(that){
- $(that).parent().remove();
- var items=$(".ItemUl")
- index=items.length;
- items.each(function (i) {
- var inputs =$(this).find("input");
- inputs.each(function () {
- var inp = $(this).data("value");
- $(this).attr("name", "user[" + i + "]." + inp);
- });
- })
- }
- </script>
来源: http://www.bubuko.com/infodetail-2784881.html