Layui下拉的动态显示

1.首先引入官方的js和css https://www.layui.com/
2.根据官网提示我们先建立一个下拉菜单

        <div class="layui-inline">
            <label class="layui-form-label">大区名称</label>
            <div class="layui-input-inline" >
                <select name="modules" id="LarId" lay-verify="required" lay-search="">
                    <option value="">请选择大区</option>
            

                </select>
            </div>
        </div>
    </div>

3.一定要引用一个jquery版本的js，我由于没有引用导致post提交到后台没反应，
也是自己的粗心吧。
4.
layui.use([‘form’, ‘layedit’, ‘laydate’], function () {
var myDate = new Date;
var form = layui.form
, layer = layui.layer
, layedit = layui.layedit
, laydate = layui.laydate;

      //加载大区   这里就是写的请求后台的方法  返回一个json的字符串然后追加
        $.post("../Tool/GetXm.ashx", { "ProType": "GetLar" }, function (ret) {


            var josn = eval(ret);

            for (var i = 0; i < josn.length; i++) {


                $("#LarId").append("<option value='" + josn[i].LarId + "'>" + josn[i].LarName + "</option>");



            }
            //这里是最重要的一点  如果没有渲染 不会显示 你所加载的内容
            layui.form.render("select");


        });

        });