layui动态添加的数据事件失效问题----解决办法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/laizhixue/article/details/84028320

关于该问题的layui官方文档地址：http://www.layui.com/doc/modules/form.html

<div class="layui-form-item">
<label class="layui-form-label">类别</label>
<div class="layui-input-inline">
<select id="GoodsAddModel_GoodsCategorySel" lay-verify="required" lay-search="">
@*动态添加类别*@
</select>
</div>
</div>

 $.ajax({
            url: "/Goods/GetGoodsCategory",
            data: {},
            type: "post",
            async: false,
            success: function (data) {
                if (data != "" && data != null) {
                    layui.use(['layer', 'form'], function () {
                        var form = layui.form;
                        var length = data.length;
                        var html1 = '<dd lay-value="" class="layui-select-tips layui-this">直接选择或搜索选择</dd>';
                        var html2 = '<option value="" >直接选择或搜索选择</option>';
                        for (var i = 0; i < length; i++) {
                            html1 += '<dd lay-value="' + data[i].CategoryId + '">' + data[i].CategoryName + '</dd>';
                            html2 += '<option value="' + data[i].CategoryId + '">' + data[i].CategoryName + '</option>';
                        }
                        $("#GoodsAddModel_GoodsCategorySel").next().children().eq(1).html(html1);
                        $("#GoodsAddModel_GoodsCategorySel").html(html2);
                        form.render();//没有写这个，操作后没有效果
                    });

                }
            }
        });