title: knockout.js with optionsValue and value
body: <p>Is there a way to keep the <code>value</code> binding to the object, but have the <code>optionsValue</code> be a property on the object.  As of now if I specify both, the <code>optionsValue</code> property that is selected will populate the <code>value</code> binding.  Id like to keep the object intact in the observable, but specify what value to be set in the select list value.  This way a form submit will send the <code>optionsValue</code> I chose.</p>
  
  <pre><code>@Html.DropDownListFor(q =&gt; q.DivisionId, new SelectList(Enumerable.Empty&lt;string&gt;()), new { data_bind="options: divisions, optionsText: 'Name', optionsValue: 'Id', value: division, optionsCaption: ' - '" })
  
  function AddCrossPoolGameDialog() {
      var self = this;
  
      self.divisions = ko.observableArray([]);
      self.division = ko.observable();
  
      self.awayDivisionTeams = ko.computed(function () {
          var division = ko.utils.arrayFirst(self.divisions(), function(item) {
              return self.division.Name() == item.Name;
          });
  
          if (division) {
              return division.DivisionTeamPools;
          }
  
          return [];
      });
  }
  </code></pre>