title: Knockout sort with <select>
body: <p>I currently have a sort implementation using Knockout where each column is a  that the user can click on to sort an ObservableArray by that column. I'd like to convert it into a , and I'm close- choosing one of the columns in the Sort  I created does call the sort function, but does not pass the property to sort by to that sort function like the original implementation does. I've tried calling like "sort(sortType)" to explicitly pass in the property I'd like to sort by, but that doesn't work/ such a thing isn't needed for the original implementation.</p>
  
  <p>Original Sort Code:</p>
  
  <pre><code>&lt;div data-bind="foreach: headers" class="headers"&gt;
    &lt;span data-bind="click: $parent.sort, text: title"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Select Sort Code:</p>
  
  <pre><code>&lt;select data-bind="event: { change: sort}, options: headers, optionsText: 'title', optionsValue: 'sortType'"&gt;    &lt;/select&gt;
  </code></pre>
  
  <p>Here's the <a href="https://jsfiddle.net/jspinella/d9z3k7tw/14/" rel="nofollow">fiddle</a></p>