我怎样才能在asp.net的dropdownlist上设置onmouse over property

Question

我有一个asp：下拉列表，其中包含一些数据。 我希望下拉菜单在我向下拉列表移动时自动向下滑动，当我离开该下拉列表时也会自动向上滑动。

这是我的下拉列表。

<asp:DropDownList ID="ChannelsDropdown" runat="server" OnSelectedIndexChanged="ChannelsDropdown_SelectedIndexChanged" ></asp:DropDownList>

这是我的jquery

 $(document).ready(function () {
            $('#ChannelsDropdown').mouseover(function () {
                $('#ChannelsDropdown').slideDown();
            });
        });

我试过上面的代码，但是我并没有为我工作。 如果我错了，请建议我

Answer 1

对于使用参考下拉列表进行的示例测试，我使用了 javascript 来执行此操作。

以下是代码： -

function open_ddl(ddl) {
        document.getElementById(ddl).size = 5
    }
    function close_ddl(ddl) {
        document.getElementById(ddl).size = 1
    }

另请参阅aspx代码： -

<asp:DropDownList ID="ChannelsDropdown" runat="server" onmouseover="open_ddl('ChannelsDropdown')"
    onmouseout="close_ddl('ChannelsDropdown')">
    <asp:ListItem>bangalore</asp:ListItem>
    <asp:ListItem>kochi</asp:ListItem>
    <asp:ListItem>chennai</asp:ListItem>
</asp:DropDownList>

我在本地服务器上测试了这个。请参阅下面的图片以供参考。

希望有所帮助

Answer 2

我会在下拉列表中添加一个css类，因为ID在运行时可能会有所不同。例如，ChannelsDropdown可以变为MainContent_ChannelsDropdown，因此将找不到ChannelsDropdown。但是，可以使用$（'。ChannelsDropdown'）引用css类的ChannelsDropdown，并在运行时保持一致。