title: how to get the value of an option in select menu onChange using jquery?
body: <p>I'm trying to implement clone select menu using the <a href="https://github.com/afEkenholm/ScrollectBox" rel="nofollow noreferrer">ScrollectBox</a> plugin:</p>
  <p><a href="https://github.com/afEkenholm/ScrollectBox/blob/master/index.html" rel="nofollow noreferrer">https://github.com/afEkenholm/ScrollectBox/blob/master/index.html</a></p>
  <p><a href="https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js" rel="nofollow noreferrer">https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js</a></p>
  <p>but I'm unable to get the option value of the select menu. It returns the option text instead.</p>
  <p>How to get the value (but not text) of an option in the following select menu <code>onChange</code> using jQuery call function?</p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
  jQuery(document).ready(function($){ 
     $(&quot;.selection&quot;).scrollectBox({
      preset: 'dropdown',
      numVisibleOptions: 4,
      scrollInterval: 150, 
      scrollOn: 'hover'
      });
  });
  &lt;/script&gt;
  </code></pre>
  <hr />
  <pre><code>    &lt;select onchange=&quot;function(this);&quot; id=&quot;selector&quot; class=&quot;selection&quot; &gt;
      &lt;option value=&quot;&quot; selected=&quot;Select Topic&quot;&gt;Select Topic&lt;/option&gt; 
      &lt;option value=&quot;Food&quot;&gt;Food&lt;/option&gt;
      &lt;option value=&quot;Drink&quot;&gt;Drink&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  <hr />
  <p><em><strong>Doesn't work</strong></em></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;
  jQuery(document).ready(function($){ 
     var selectEvent = function($el){
  someFunction($(this).val());
  return false;
  };
     $(&quot;.selection&quot;).scrollectBox({
      preset: 'dropdown',
      numVisibleOptions: 4,
      onSelectEvent: selectEvent,
      scrollInterval: 150, 
      scrollOn: 'hover'
      });
  });
  &lt;/script&gt;
  </code></pre>
  <p>it returns <code>[object Object]</code></p>
  <p><em><strong>Doesn't work</strong></em></p>
  <pre><code>    &lt;script type=&quot;text/javascript&quot;&gt;
  jQuery(document).ready(function($){ 
      $(&quot;.selection&quot;).scrollectBox({
          preset: 'dropdown',
          numVisibleOptions: 4,
          scrollInterval: 150, 
          scrollOn: 'hover',
          onSelectEvent: function (item, event) {
             alert(item).val();
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  <p>it returns <code>[object Object]</code></p>