layui中动态修改下拉框的选中值

2019-07-03 18:17:50  卢浮宫  版权声明：本文为站长原创文章，转载请写明出处

一、背景

    今天使用layui进行开发时需要动态区修改layui的下拉框选中值，在经历了一番波折后记录如下。

二、心路历程

    一开始是用 jq去修改dom的属性： $('#domId').attr('select','')  结果发现不行。

    这不是专注原生的解决方案吗，是需要再次渲染还是本人太不专业了...

三、成功找到一个解决方案，下面贴一下代码

    假设你的下拉框部分代码为

    <div class="layui-form-item">
        <label class="layui-form-label">参与利润</label>
        <div class="layui-input-block" style="width: 56%;margin-left: 12.5rem;">
            <select id="isInProfitPanel" name="interest" lay-filter="aihao">
                <option value=""selected=""></option>
                <option value="0">否</option>
                <option value="1" >是</option>
            </select>
        </div>
    </div>

  那么你就可以使用下面的方法来进行下拉框的动态赋值了，

         
    if(data[0].isInProfit == '1'){
        var select = 'dd[lay-value=' + 1 + ']';
        $('#isInProfitPanel').siblings("div.layui-form-select").find('dl').find(select).click();
    }else{
        var select = 'dd[lay-value=' + 0 + ']';
        $('#isInProfitPanel').siblings("div.layui-form-select").find('dl').find(select).click();
    }