layui 大坑设置动态修改select 默认值和修改状态

最新推荐文章于 2022-09-02 15:26:42 发布

等一场春雨

最新推荐文章于 2022-09-02 15:26:42 发布

阅读量2.2k

点赞数 1

分类专栏： layui

本文链接：https://blog.csdn.net/WithCYwind/article/details/102576956

版权

layui 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<div class="layui-form-item">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <select name="type_select" lay-filter="type_select" id="type_select">
                    <option value="1">收入</option>
                    <option value="2">支出</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <select nam="pay_select" lay-filter="pay_select" id="pay_select">
                    <option value="1">支付宝</option>
                    <option value="2">微信</option>
                    <option value="3">银联</option>
                </select>
            </div>
            <div class="layui-input-inline">
                <input type="input" class="layui-input" id="dateinput" style="width: 300px">
            </div>
        </div>
    </div>


form.on("select(type_select)", function (data) {
            if (data.value == 2) {
                console.log(data.value);
                form.render();// 因为是动态写入的数据所以需要先渲染表单再进行以下步骤
                var select = 'dd[lay-value=' + 3 + ']';// 设置value
                $('#pay_select').siblings("div.layui-form-select").find('dl').find(select).click();
                $('#pay_select').prop("disabled", "disabled");
                form.render('select');// 再次渲染select
            } else if (data.value == 1) {
                form.render();
                $('#pay_select').prop("disabled", "");
                form.render();
            }
        });