删除下拉列表淘汰js中的选项

Question

您好，有什么方法可以在初始加载时从剔除下拉列表中删除一个选项。

<select data-bind="options: Reasons,  optionsText: 'Title', optionsValue: 'Id', value: SelectReason,
optionsCaption: 'Choose..', optionsAfterRender: setOptionRemove"></select>

viewmodel 中的代码，我正在尝试使用 optionsAfterRender，

        self.setOptionRemove= function(option, item) {
            if(item.Id == 1){
            ko.applyBindingsToNode(option, { remove: item.remove}, item);
             }
         }

我想将第一个选项用作单选按钮。

谢谢。

Answer 1

也许您可以将列表绑定到一个计算列表，该计算将排除列表中您不想要的选项，而不是尝试删除它。

self.filteredReasons = ko.computed(function() {
     return ko.utils.arrayFilter(self.Reasons(), function(reason) {
          if(reason.Id !== 1) {
               return true;
          }
     });
});

更新绑定：

<select data-bind="options: filteredReasons ,  optionsText: 'Title', optionsValue: 'Id', value: SelectReason, optionsCaption: 'Choose..'"></select>