title: Change options value programmatically using Knockout
body: <p>I have a options binding with knockout that looks like this:</p>
  
  <pre><code>&lt;select id="ddlProducts" data-bind="options: ShowProducts, optionsText: 'pruductskuname', optionsCaption: 'Choose a product...', value: currentproduct"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>I have an ajax call that validates a serial number and return's a product name. I want to change the Selected Option to the return product. The return from my ajax call is the product name: pruductskuname</p>
  
  <p>Is there a way to set the selected option based on my return?</p>
  
  <p>For example if the return if my Return == ProductA I want to find in my Options ProductA and set the value to ProductA.</p>
  
  <p>Here is my VM:</p>
  
  <pre><code>    /* Data View Model */
      var myDataViewModel = {
          products: ko.observableArray(),
          viewserialized: ko.observable(1),
          currentordernumer: ko.observable(),
          currentserialqty: ko.observable(),
          currentproduct: ko.observable(),
          dataitems: ko.observableArray()
      };
  </code></pre>
  
  <p>and here is my ajax call that gets the return message:</p>
  
  <pre><code> $.ajax({
                  url: "ServiceURL",
                  data: { Serial: ko.toJS(myDataViewModel.currentserialqty) },
                  type: "GET",
                  contentType: "application/json; charset=utf-8",
                  dataType: "JSON",
                  timeout: 10000,
                  success: function (Result) {
                     /*SET OPTION BINDING HERE BASED ON Result.d */
                      alert(Result.d);
                  },
                  error: function (xhr, status) {
                      alert(status + " - " + xhr.responseText);
                  }
              });
  </code></pre>