title: Onload event not working in select box (Dropdown List Box)
body: <p><a href="https://jsfiddle.net/pbvijayk/1nzyqx5c/4/" rel="noreferrer">JSFIDDLE Link for Reference</a></p>
  
  <pre><code>&lt;script&gt;
  .greenText{ color:green; }
  &lt;/script&gt;
  
  &lt;html&gt;
  &lt;select onload="this.className='greenText'" onchange="this.className='greenText'"&gt;
      &lt;option value="apple" &gt;Apple&lt;/option&gt;
      &lt;option value="banana" &gt;Banana&lt;/option&gt;
      &lt;option value="grape" &gt;Grape&lt;/option&gt;
  &lt;/select&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In the above example i add the CSS class for both onload and onchange event.
  But here only works on onchange but not working in onload event. I want to be in green color at the time of loading 'Dropdown Box'.</p>