Jquery带搜索框的下拉菜单

作者: 关于计算机  发布:2019-09-14

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.效果图:
图片 1

您恐怕感兴趣的稿子:

  • 基于jquery完毕的类似百度查寻的输入框自动完结效率
  • 依据jquery的仿百度找出框效果代码
  • Jquery完毕寻觅框提醒功用示例代码
  • 基于jQuery落成寻找关键字自动相配成效
  • jQuery找寻同辈成分方法
  • JQuery+JS达成仿百度寻觅结果中注重字变色效果
  • jquery ztree落成模糊找出效果
  • jquery创立贰个ajax关键词数据检索达成思路
  • jquery 模拟类搜索框自动完结搜索提醒意义(创新)
  • jquery+php达成搜索框自动唤醒
  • jQuery达成的简易前端寻觅效果示例

本文由今晚买四不像发布于关于计算机,转载请注明出处:Jquery带搜索框的下拉菜单

关键词:

上一篇:JavaScript的继承的封装介绍
下一篇:没有了