【Layui__下拉框】layui下拉框默認選中其中的一項

話不多說，上代碼

    window.onload = function () {
        var HallNameId = $("#HallNameId").val();
        //console.log(HallNameId);
        var select = 'dd[lay-value=' + HallNameId + ']';
        $('#hallName').siblings("div.layui-form-select").find('dl').find(select).click();
    }

layui在select標簽中，會被渲染為dd列表，此時，我們賦值select標簽已無太大的意義，需要對dd列表中的值設置選中

    <div class="layui-form-item">
        <label class="layui-form-label">選項</label>
        <div class="layui-inline layui-show-xs-block">
            <select id="hallName" name="hallName" lay-filter="hallName">
                <option value="1">請選擇</option>
                <option value="1">測試1</option>
                <option value="1">測試2</option>
                <option value="1">測試3</option>

            </select>
            <div class="layui-unselect layui-form-select">
                <div class="layui-select-title">
                    <input type="text" placeholder="請選擇" value="請選擇" readonly="" class="layui-input layui-unselect">
                    <i class="layui-edge" />
                </div>
                <dl class="layui-anim layui-anim-upbit">
                    <dd lay-value="1" class="layui-this">請選擇</dd>
                    <dd lay-value="1" class="layui-this">測試1</dd>
                    <dd lay-value="1" class="layui-this">測試2</dd>
                    <dd lay-value="1" class="layui-this">測試3</dd>
                </dl>
            </div>
        </div>
    </div>

第二種方法

直接給select賦值，然后重新渲染選擇框

    <div id="divHide" style="display:none">
        <input type="hidden"  id="exhibitorId" value=""/>
    </div>

            var topId = $('#exhibitorId', top.document);
            console.log("exhibitorId ", topId.val());
            layui.use(['form'], function () {
                var form = layui.form;
                $("#ExhibitorId").val(topId.val());
                layui.form.render('select');
                console.log("設置為上次的完畢 ", topId.val());
            });