title: Html select option onclick not working in Chrome & may be another
body: <p>I want that html select option scroll down to the <code>div</code> using <code>div</code> ID and On-click Html attribute and JavaScript (<code>document.getElementById</code>). but On-click attribute not working in select option. if it is not possible to use on-click attribute. Then show me another way to do this.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select&gt;
  &lt;option&gt;1111111&lt;/option&gt;
  &lt;option&gt;2222222&lt;/option&gt;
  &lt;option onclick="document.getElementById('divid1').scrollIntoView();"&gt;Scroll down to div id&lt;/option&gt;
  &lt;option&gt;4444444&lt;/option&gt;
  &lt;option&gt;5555555&lt;/option&gt;
  &lt;option&gt;6666666&lt;/option&gt;
  &lt;/select&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;div id='divid1'&gt;scroll&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Hoping for Answer</p>