javascript - 在没有 jQuery 的情况下使用顺序选项值填充 knockout 中的下拉列表

Question

我正在尝试使用 knockout 来填充下拉列表。我用来填充 optionsText 的数组是一个 JSON 对象数组。我需要 optionsValue 是对象在数组中的索引或序号。

我的 viewModel 中有以下代码:

    self.job.submitOptionsArray = this.collection.toJSON();
    this.job.applyPreset = ko.observableArray(self.job.submitOptionsArray);

在我看来:

<select name="" id="applyPreset" data-bind="options: applyPreset, optionsText: 'name', optionsValue: '???', value: somfn"></select>

我需要一个不使用 jQuery 的解决方案。

Answer 1

您可以格式化您的对象，以便根据您的收藏建立索引。您可以通过手动订阅执行一次或每次阵列更改时执行此操作。

this.job.applyPreset = ko.observableArray(self.job.submitOptionsArray);
this.job.applyPreset.subscribe(function(arrayValue) {
    var index = 0;
    ko.utils.arrayForEach(arrayValue, function(arrayItem){
        arrayItem.index = index++;
    })
})

使用 index 作为您的 optionsValue 就可以了。