title: web accessibility : html native dropdown - open menu items on enter click
body: <p>on select enter click , by default form gets submitted on.As per accessibility criteria, if focus is on select element on enter click it should open list items.I want to know is it possible to make accessable dropdown using native select element which will meet accessibility criteria</p>
  
  <pre><code>&lt;div class="custom-dropdown"&gt;
      &lt;select id="cities" name="select"&gt;
         &lt;option value="1"&gt;Delhi&lt;/option&gt;
         &lt;option value="2"&gt;Mumbai&lt;/option&gt;
  &lt;/select&gt;``
  &lt;/div&gt;
  </code></pre>
  
  <p>I have prevented default submission behaviour.</p>
  
  <pre><code>$('.custom-dropdown').keydown(function (event) {
        if (event.keyCode == 13) {
          event.preventDefault();
          return false;
        }
  });
  </code></pre>
  
  <p>I have tried keyup event to trigger click event but its not working</p>
  
  <pre><code>$('#cities').keyup(function (e) {
        if (e.keyCode == 13) {
          $("#cities").trigger("click");
        }
      });
  </code></pre>