下拉列表没有't已锁定

Drop Down List doesn't locked

本文关键字：锁定 下拉列表      更新时间：2023-09-26

我有一个带有下拉列表的div。我尝试禁用所有div。我成功了，但无法禁用下拉列表。这个div由一个名为cb3的select标记组成。我在Knock Out工作。（您看到的所有数据绑定）。条件值：hete.selectedvalue，enable:format.selectedvalue（）！='xxx'销毁我想做的禁用。

<div class="DivStyle1" data-bind="disableByRole: hetel.readOnlyValue">
        <div id="div-for-cb3" class="div-for-combo poscombo3"">
<select id="cb3" onchange="onSelectChange(this.id, this.options[this.selectedIndex].innerHTML)" dir="rtl" class="SelectStyle3" data-bind="options: hete.defaultValue,value: hete.selectedvalue,enable:format.selectedvalue()!='xxx' "><option value="x1">x1</option><option value="x2">x2</option><option value="x3">x3</option><option value="x4">x4</option></select>
            <span id="label-for-cb3" class="label-for-combo" data-bind="text:hete.selectedvalue"">x4</span>
        </div>
        <span class="SpanStyle3">:hete</span>
        <img id="hetelIMG" onclick="ChangeImg('hete','#heteIMG')" data-bind="attr:{src: myview.hete.readOnlyUrl}" class="ImgStyle3" " src="./idle.png">
    </div>

在其他js文件中：

ko.bindingHandlers.disableByRole = {
    update: function(element, valueAccessor, allBindingsAccessor) {
        var value = valueAccessor();
        var allBindings = allBindingsAccessor();
        var valueUnwrapped = ko.utils.unwrapObservable(value);
        var isDisabled = valueUnwrapped == 'true' 
        if (isDisabled)
        $(element).find('*').attr('disabled', 'disabled')
                            .prop('onclick', false)
                            .css('opacity',0.7);
    }
};

只有select标记未被禁用。。。为什么？

我认为您需要在之后添加this.change（）。

 $(element).find('*').attr('disabled', 'disabled').prop('onclick', false).css('opacity',0.7).change();
相关文章：