1

フィドルは次のとおりです。

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());

基本的に、選択ボックスにバインドされたオブジェクトがありますが、ドロップダウンで選択したオプションを選択していません。選択したオプションのテキストを別の要素にデータバインドすると、正しい値が表示されますが、何を試しても、選択ボックスに最初の事前選択された値をロードできないようです。

おそらく些細で愚かなことですが、理解できないようです...どんな助けも大歓迎です。

4

1 に答える 1