javascript - 使用 knockout 预选下拉菜单不起作用

Question

在页面加载时，我得到的 drpDownValue 为 null。

我能够在计算函数中将 drpDownValue 更新为 1。但在 UI 中，默认情况下不会选择下拉列表。

我需要在下拉列表中选择默认启用选项。请帮我解决这个问题

 <select data-bind="options: Options, optionsCaption: ' ', optionsText: 'Value', optionsValue: 'Key', value: drpDownValue}"></select>

var EditModel = function () {
  var drpDownValue = ko.observable(0);
  var Options = ko.observableArray([{ Key: 1, Value: "Enable" }]);
  var Test= ko.computed(function() {
      drpDownValue(1);
  });

return {
  drpDownValue: drpDownValue,
  Options: Options,
  Test: Test
};
}

Answer 1

你给knockout一个包含一项的列表，并告诉它它的值为1。然后，您可以通过 drpDownValue 将选择的值设置为默认值 0。由于该值在您的项目列表中不存在，因此不会选择任何内容。

如果您想使用 1 作为默认值，只需将您的可观察值更新为默认值而不是 0:

var drpDownValue = ko.observable(1);

请注意，这与您还设置optionsCaption的事实并不相符，which is meant for when you don't want to select one by default而想显示类似“请选择”的内容。