Jquery带搜索框的下拉菜单


Posted in Javascript onMay 06, 2013

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带搜索框的下拉菜单

Javascript 相关文章推荐
js下用层来实现select的title提示属性
Feb 23 Javascript
jquery属性过滤选择器使用示例
Jun 18 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
JS html时钟制作代码分享
Mar 03 Javascript
浅谈React Native 中组件的生命周期
Sep 08 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
javascript中如何判断类型汇总
May 14 Javascript
在layui tab控件中载入外部html页面的方法
Sep 04 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
May 05 #Javascript
jquery高效反选具体实现
May 05 #Javascript
Jquery为a标签的href赋值实现代码
May 03 #Javascript
5秒后跳转效果(setInterval/SetTimeOut)
May 03 #Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 #Javascript
jquery移动listbox的值原理及代码
May 03 #Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 #Javascript
You might like
php Ajax乱码
2008/04/09 PHP
使用PHP备份MYSQL数据的多种方法
2014/01/15 PHP
读jQuery之十四 (触发事件核心方法)
2011/08/23 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/20 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
js实现基于正则表达式的轻量提示插件
2015/08/29 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
AngularJS入门心得之directive和controller通信过程
2016/01/25 Javascript
js实现纯前端的图片预览
2016/04/27 Javascript
JS中this上下文对象使用方式
2016/10/09 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
基于angular实现三级联动的生日插件
2017/05/12 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
JS返回顶部实例代码
2020/08/09 Javascript
微信小程序使用progress组件实现显示进度功能【附源码下载】
2017/12/12 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
2020/08/07 Javascript
Openlayers实现点闪烁扩散效果
2020/09/24 Javascript
python在windows下实现备份程序实例
2014/07/04 Python
Python的requests网络编程包使用教程
2016/07/11 Python
如何将python中的List转化成dictionary
2016/08/15 Python
Python开发中爬虫使用代理proxy抓取网页的方法示例
2017/09/26 Python
flask中的wtforms使用方法
2018/07/21 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
一行python实现树形结构的方法
2019/08/09 Python
keras输出预测值和真实值方式
2020/06/27 Python
Parfumdreams英国:香水和化妆品
2019/05/10 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
《我不是最弱小的》教学反思
2014/02/23 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers