javascript - 使用 knockout.js 从选择列表中检索值

Question

我正在使用 Knockout.js 2.3.0 并试图检索在选择列表中设置的值，但我无法让它工作。当我尝试提醒该值时，我要么看到 javascript、undefined 或 [object object](取决于我尝试过的内容)。

列表填充正常，我可以设置默认值，但我无法检索它。我做错了什么？

这是列表的 HTML

<select data-bind='value: selectedMonth, options: $root.months, optionsText: "month"'></select>

这是 JS

self.months = [{month: '-'},{month: '01'},{month: '02'},{month: '03'},{month: '04'},{month: '05'},{month: '06'},{month: '07'},{month: '08'},{month: '09'},{month: '10'},{month: '11'},{month: '12'}];

self.selectedMonth = ko.observable(self.months[0]);

self.submitButton = function(){

   alert(self.selectedMonth); //a bunch of JavaScript

    alert(self.selectedMonth()); //object, Object

    alert(self.months[self.selectedMonth]); //undefined

}

Here is a fiddle with the code

Answer 1

你的第二个电话是你想要的:

self.selectedMonth()

这会将 observable 解包为值。它是一个对象，例如:

{ month: "03" }

这是 easier to spot if you console.log而不是 alert。

在任何情况下，要获取月份值，只需询问该属性即可:

alert(self.selectedMonth().month);

参见 this fiddle .