title: open dropdown list from javascript function
body: <p>Iam trying to show the dropdown option when javascript function is called.
  but eventually iam not succeed on this. need help
  Here is my code:</p>
  
  <pre><code>&lt;script&gt;
  function showState(str){ 
  $('#Acntname').trigger('click');
  
  }
  &lt;/script&gt;
  ...
  &lt;select class="input_panel" id="Acntname" &gt; 
  &lt;option value="0"&gt;Select&lt;/option&gt;
  &lt;option value="1"&gt;Equity Share Capital&lt;/option&gt;
  &lt;option value="2"&gt;Deprication Fund&lt;/option&gt;  &lt;/select&gt;
  
  &lt;input type="text" class="input_panel" id="accountname" onkeyup="showState(this.value)"/&gt;
  </code></pre>
  
  <p>i used triggered function to open the dropdown but it doesn't work.</p>