title: Kendo MVVM Dropdown - How to set initial value based on other data?
body: <p>I have the following html for a Kendo MVVM DropDownList:</p>
  
  <pre><code>                &lt;select id="responseTypeDDL"
                      data-role="dropdownlist"
                      data-text-field="SystemResponseTypeCode"
                      data-value-field="SystemResponseTypeId"
                      data-bind="value: selectedSystemResponseTypeCode, source: responseTypes"&gt;
                  &lt;/select&gt;
  </code></pre>
  
  <p>This is my view model:</p>
  
  <pre><code>        SC.ViewModels.Reference.ResponseTypeDataSource.read();
  
          var responseTypeDDL = kendo.observable({
              responseTypes: SC.ViewModels.Reference.ResponseTypeDataSource,
              selectedSystemResponseTypeCode: null,
              setSelectedSystemResponseTypeCode: function (code) {
                  this.selectedSystemResponseTypeCode = code;
              },
          });
  
          kendo.bind($("#responseTypeDDL"), responseTypeDDL);
  
          // after reading data, I call the method to set the selected value like this:
          self.ResponseTypeDDL.setSelectedSystemResponseTypeCode(results.code);
  </code></pre>
  
  <p>The ResponseTypeDataSource.read() method returns a list of "XML", "JSON". This is the SystemResponseTypeCode field. I also read another data item from the database
  and check its response type. Let's say it is "JSON". How do I set the drop down to have "JSON" selected?</p>