ノックアウトドロップダウンリストにAJAXを入力して選択した値を設定します。

Question

ページにドロップダウンリストがあります。ドロップダウンリストにノックアウトデータバインディングがあります。

デフォルトでは、ドロップダウンリストには項目はありません。私は動作し、ドロップダウンリストの項目の正しいリストを取得するAJAX呼び出しを持っています。

アイテムのリストが取得され、ドロップダウンリストにロードされたら、ドロップダウンリストの選択したアイテムをどのように設定できますか？

あなたが observableとして selectedValueを宣言し、以下のような値を設定する必要が

<select class="form-control" data-bind="options: listOfPossibleValues, value: selectedValue, optionsCaption: 'Select a Value'"></select> 

$.ajax({ 
      type: 'GET', 
      dataType: 'json', 
      url: url, 
      data: { 
       someParameter: someParameterValue 
      }, 
      success: function (response) { 
       $.each(response, function (index, center) { 
        self.listOfPossibleValues.push(response[index]); 
       }); 
      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       console.log("There has been an error retrieving the values."); 
      } 
     }); 

Answer 1

<select class="form-control" data-bind="options: listOfPossibleValues, value: selectedValue, optionsCaption: 'Select a Value'"></select> 

$.ajax({ 
      type: 'GET', 
      dataType: 'json', 
      url: url, 
      data: { 
       someParameter: someParameterValue 
      }, 
      success: function (response) { 
       $.each(response, function (index, center) { 
        self.listOfPossibleValues.push(response[index]); 
       }); 
       //set value here 
       $(".form-control").val("xyz123"); 
      }, 
      error: function (xhr, ajaxOptions, thrownError) { 
       console.log("There has been an error retrieving the values."); 
      } 
     }); 

Answer 2

：

self.selectedValue = ko.observable(); 
self.selectedValue("//what ever property value get from business model"); 

Answer 3

あなたがdata-bind=...value: selectedValueを使用して変数をノックアウトするためにバインドされた値を選択してきたように、あなたはそれだけを割り当てる必要があります新しい値（選択された値）：

self.selectedValue('mySelectedValue'); 

ノックアウトはあなたに残ります