title: make select tag focus on page load
body: <p>I am trying to make autofocus on select tag on page load. But I am not able to do that with <code>autofocus</code> tag.</p>
  
  <pre><code> &lt;select class="js-example-basic-single form-control" name="sel_bookID" id="sel_bookID" autofocus="autofocus" &gt;
      @foreach ($arrayname as $data)                                       
          &lt;option value="{{ $data-&gt;id }}"&gt;{{ $data-&gt;BookID }}&lt;/option&gt;                                                      
      @endforeach
  &lt;/select&gt;
  </code></pre>
  
  <p>Here <code>autofocus="autofocus"</code> is not working. I refered to the question <a href="https://stackoverflow.com/questions/32137297/html-select-tag-attribute-similar-to-autofocus">HTML select tag attribute similar to autofocus</a> but can not get any appropriate solution. Can we do autofocus using <code>javascript</code> or <code>jquery</code> for <code>select</code> tag?</p>