フィドルは次のとおりです。
http://jsfiddle.net/adNuR/2187/
// Template
<div data-bind="foreach: lines">
<p data-bind="text: item.description"></p>
<select data-bind="value: item, options: sampleOptions, optionsText: 'description', optionsCaption: 'Please select'"></select>
</div>
// JS
var sampleOptions = [
{ description: "item 1" },
{ description: "item 2" },
{ description: "item 3" },
{ description: "item 4" }
];
var Model = function() {
var self = this;
self.lines = ko.observableArray([
{ item: { description: "item 1" } },
{ item: { description: "item 2" } }
]);
};
ko.applyBindings(new Model());
基本的に、選択ボックスにバインドされたオブジェクトがありますが、ドロップダウンで選択したオプションを選択していません。選択したオプションのテキストを別の要素にデータバインドすると、正しい値が表示されますが、何を試しても、選択ボックスに最初の事前選択された値をロードできないようです。
おそらく些細で愚かなことですが、理解できないようです...どんな助けも大歓迎です。