選択されたオプションイドと値

Question

は、通常、私はこのようにノックアウトでそれをバインドし、選択したオブジェクトを持っていません。あなたは代わりにそのIDを持っています。 この2つの要件をマージするには：アイテムのIDとアイテム自体の両方にバインドしますか？

は今のところ私は通常このようになり、選択した項目、取得するために観測可能computedを使用します。私は、カスタム関数を使用して値ゲッターをラップしようとした

self.dataSelectedCO = ko.computed(function() { 
    for (var i = 0; i < self.data().length; ++i) 
     if (self.data()[i].Id() == self.dataSelectedId()) 
      return self.data()[i]; 
}); 

をそれはすべての要素の選択の変更を呼ばれていますこのアプローチを使用する利点はありません。 Here 's jsfiddle。

Answer 1

optionsValueパラメータを削除します。選択した値はIdの代わりに「選択した項目」になります。

更新されたコードは次のようになります。

<select 
    data-bind=" 
    options: data, 
    optionsText: 'Name', 
    optionsCaption: 'Select ...', 
    value: dataSelectedItem" ></select> 

dataSelectedItemは今、選択した項目を持つことになります。

商品をお持ちの場合は、 dataSelectedItem().Id