淘汰赛：无法将选择值传递给函数

Question

简单的菜鸟问题，当我知道解决方案时可能会踢自己。

我正在尝试将一个选择的值传递给一个函数，以便我可以从数组中删除该项目（这样我就可以将缩减的数组用于其他选择 - 基本上每个值只能选择一次），但是选择传递的是“对象对象”而不是选定的值。

我以为选择值默认作为第一个参数传递，所以我不知道发生了什么。任何提示都非常感谢。

fiddle here

html:

<p>Sample rate:
    <select data-bind="options: sampleRates, value: selectedSampleRate0, event: {change: addSrate}"></select>
</p>

js:

window.onload = startKnockout;

function AppViewModel() {
    var self = this;
    self.sampleRates = ko.observableArray([192000, 176400, 96000, 88200, 48000, 44100]);
    self.selectedSampleRate0 = ko.observable();

    self.addSrate = function (x) {
        alert(x);
    }


    return self;
}

function startKnockout() {
    ko.applyBindings(new AppViewModel());
};

Answer 1

任何 KO event 绑定处理程序的第一个参数是当前数据上下文，因此在您的情况下，您的 AppViewModel 和第二个参数包含 event 对象。

所以你需要写：

self.addSrate = function (viewModel, event) {
    alert(event.target.value);
}

作为替代解决方案，您可以在subscribe 上更改selectedSampleRate0 以实现相同的功能：

self.selectedSampleRate0.subscribe(function (newValue){
    alert(newValue);
})

演示JSFiddle.