title: Get text from closest selected dropdown option with class on button click
body: <p>I have many dropdowns, when I click the button I want it to look up the select option that is selected and alert me the text it says, like 'grape'.</p>
  
  <p>It must use .closest, have tried many variations but cant seem to find it.....</p>
  
  <pre><code>&lt;select name="div0" class="dropdowns"&gt;
    &lt;option value="orange"&gt;orange&lt;/option&gt;
    &lt;option value="apple"&gt;apple&lt;/option&gt;
    &lt;option value="grape"&gt;grape&lt;/option&gt;
    &lt;option value="peas"&gt;peas&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="button" name="mybutton" value="Edit Row"&gt;
  
  &lt;select name="div1" class="dropdowns"&gt;
    &lt;option value="orange"&gt;orange&lt;/option&gt;
    &lt;option value="apple"&gt;apple&lt;/option&gt;
    &lt;option value="grape"&gt;grape&lt;/option&gt;
    &lt;option value="peas"&gt;peas&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;input type="button" name="mybutton" value="Edit Row" class="editrowbutton"&gt;
  
  JQUERY (Nearest I can get)
  $(document).on('click', '.editrowbutton', function() {
  
       var thetext =  $(this).closest('select').find('option:selected').text();
  
      alert(thetext);
  });
  </code></pre>