expand dropdown on focus jquery
<p>I am expanding the dropdown on focus which is same as clicking on the dropdown and selecting an option. </p>

<pre><code> &lt;script type="text/javascript"&gt;
        $(document).ready(function () {
            $('#&lt;%= ddlNature.ClientID %&gt;').focus(function () {
                $('#&lt;%= ddlNature.ClientID %&gt;').attr('size', 6);
            });
            $('#&lt;%= ddlNature.ClientID %&gt;').focusout(function () {
            $('#&lt;%= ddlNature.ClientID %&gt;').attr('size', 1);
        });


          });
&lt;/script&gt;


&lt;asp:DropDownList ID="ddlNature" runat="server" class="text" TabIndex="5"&gt;
</code></pre>

<p></p>

<p>The dropdown expands on focus but the option selected from the dropdown does not get selected ie. the expanded dropdown does not function as dropdown. I am not getting the value selected when i inspect in the firebug.</p>

<p>When I set AutoPostBack to true of the dropdownlist, I get the dropdown value but I don't want to refresh the page. </p>

<p>Thanks,</p>
