title: how to bind data in the dropdownlist using knockout
body: <p>i have this dropdownlist list but it won't bind on the specific record that i needed. e.g If i create a record and then select from the dropdownlist "workflow name 1" for the workflow field and then i save the changes. i will go back to the list and then i will open the record that i created but when the details loaded the dropdownlist does not select the "workflow name 1" but it only selects the "Select a workflow" instead of the "workflow name 1"</p>
  
  <pre><code>        &lt;select id="workflow-name" style="width:600px" class="form-control errorInput" data-tooltip="tooltip" data-orientation="right" data-tab="2" data-bind="options: $root.WorkFlowsNameList,optionsCaption:'Select a Workflow',  optionsText: 'ShortDescription', optionsValue: 'ID', value: WorkFlow_ID, attr: {'data-title': window.LabelVM.trigger_details_workflowname, 'data-con': window.LabelVM.trigger_workflowname_popover, 'data-popover': 'popover' }"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>This is the ko code that renders the data</p>
  
  <pre><code>function editData(data, e) {
      localStorage.processId = "";
      router.navigate('#/trigger/' + data.ID() + "/" + data.WorkFlow_ID());
  }
  </code></pre>
  
  <p>i'm using the WorkFlow_ID as the parameter to pre select the options value to be displayed but it's doesn't bind at all. </p>