title: How to get drop down list value per selected row?
body: <p>I have a table that looks something like so</p>
  
  <pre><code>&lt;table id="grid" class="table table-bordered table-hover table-inline"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Id&lt;/th&gt;
              &lt;th&gt;Dropdown List&lt;/th&gt;
              &lt;th&gt;&lt;input id="selectAll" type="checkbox" /&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody data-bind="foreach: stuff
          &lt;tr&gt;
              &lt;td data-bind="text: someId"&gt;&lt;/td&gt;
              &lt;td&gt;
                  &lt;select class="input-medium" data-bind="options: someStuff, optionsText:'DisplayName', optionsValue:'StandardCode'"&gt;&lt;/select&gt;                           
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;input type="checkbox" data-bind="value: someId"/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and then im my javascript I am iterating through the selected rows like this </p>
  
  <pre><code>$('grid input[type="checkbox"]:checked').each(function () {
  
      var someSelectedId= $(this).val();
  
      var dropDownlistValue= ??       
  });
  </code></pre>
  
  <p>I am using knockout to bind my data to the table and the drop down.</p>
  
  <p>When i am iterating through the rows how do i get the selected value in the drop down list for each row as i am iterating through them? For the life of me i cant seem to figure it out. Thanks!</p>