jquery - 展开焦点 jquery 的下拉菜单

Question

我正在扩展焦点下拉列表，这与单击下拉列表并选择一个选项相同。

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


          });
</script>


<asp:DropDownList ID="ddlNature" runat="server" class="text" TabIndex="5">

下拉菜单在焦点上展开，但从下拉菜单中选择的选项没有被选中，即。展开的下拉菜单不能用作下拉菜单。当我在萤火虫中检查时，我没有得到选择的值。

当我将下拉列表的 AutoPostBack 设置为 true 时，我得到了下拉值，但我不想刷新页面。

谢谢，

Answer 1

代码很好..

Firebug 不显示选择更改..

如果您附加一个更改处理程序，您会看到它确实改变了它..

见演示http://jsfiddle.net/gaby/vxDrE/