layUI中修改select中的某些option为disabled

<div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label"><span style="color: red">*</span>扣款项目:</label>
            <div class="layui-input-inline input-group-sm">
                <select class="input-group-sm" id="moneyType" name="moneyType" style="width: 182px"
                        lay-verify="required">
                    <option value="">请选择</option>
                    <option value ="1" id="op1" th:selected="${vo.moneyType == 1}" >房租</option>
                    <option value ="2" id="op2" th:selected="${vo.moneyType == 2}" >水电物业</option>
                    <option value ="3" id="op3" th:selected="${vo.moneyType == 3}" >服装</option>
                    <option value ="4" id="op4" th:selected="${vo.moneyType == 4}" >工具包</option>
                    <option value ="5" id="op5" th:selected="${vo.moneyType == 5}" >道具</option>
                    <option value="21"          th:selected="${vo.moneyType ==21}" >其他奖励</option>
                </select>
            </div>
        </div>
    </div>

    // 监听款项方向切换
    form.on('select(addOrSub)', function (d) {
        let addOrSub = d.value;
        console.log(addOrSub);
        if (addOrSub == 1) {
            // console.log("加项!");
            $("#moneyType").find("option:selected").removeAttr('selected');
            $('#moneyType').val('');
            $('#op1').attr("disabled", true);
            …………
            $('#op21').removeAttr("disabled");
            form.render('select');
        }
    });