我是靠谱客的博主 任性鼠标,这篇文章主要介绍Jquery带搜索框的下拉菜单,现在分享给大家,希望可以做个参考。

1.样式引用:

复制代码 代码如下:

    <link rel="stylesheet" href="~/Js/Ddl_Chosen/chosen.css" />

2.由于应用了Jquery,所以引用Jquery。(下载地址)

复制代码 代码如下:

        <script src="<%= ResolveUrl("~/Js/Jquery.js")%>" type="text/javascript"></script>

3.相关Js配置

复制代码 代码如下:

        <asp:DropDownList ID="ddlCountry" runat="server" data-placeholder="Choose a Country..."
            Width="200px" class="chzn-select">
        </asp:DropDownList>

        <script src="<%= ResolveUrl("~/Js/Ddl_Chosen/chosen.jquery.js")%>" type="text/javascript"></script>

        <script type="text/javascript">
          $(".chzn-select").chosen();
        </script>

4.相关Js下载地址

下载

5.效果图:

最后

以上就是任性鼠标最近收集整理的关于Jquery带搜索框的下拉菜单的全部内容,更多相关Jquery带搜索框内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(203)

评论列表共有 0 条评论

立即
投稿
返回
顶部