layui动态向DIV中增加内容

原创
05/09 10:28
阅读数 421
		<button class="layui-btn btnAddtr">增加条件</button>
		<div id="specifDiv">
		</div>
 
		//添加操作
        $(".btnAddtr").click(function(){
            //定义增加的部分
            var html = "<div class=\"layui-form-item\">\n" +
                "                <label class=\"layui-form-label\">字段</label>\n" +
                "                <div class=\"layui-input-block\">\n" +
                "                    <select name=\"processFieldId\" id=\"processFieldId\">\n" +
                "                        <option value=\"\">请选择</option>\n" +
                "                        <option th:value=\"1\">是</option>\n" +
                "                        <option th:value=\"2\">否</option>\n" +
                "                    </select>\n" +
                "                </div>\n" +
                "            </div>\n";

            //获取原来DIV内容
            var oldHtml = document.getElementById("specifDiv").innerHTML;
            //拼接数据
            var newHtml = oldHtml + html;
            //清空原来的内容
            document.getElementById("specifDiv").innerHTML="";
            //增加新内容
            document.getElementById("specifDiv").innerHTML=newHtml;
            //刷新select
            form.render("select");
        });

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部