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 相关文章推荐
jquery下操作HTML控件的实现代码
Jan 12 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
Sep 06 Javascript
JavaScript获取两个数组交集的方法
Jun 09 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
Bootstrap选项卡与Masonry插件的完美结合
Jul 06 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
Oct 30 Javascript
使用vue中的v-for遍历二维数组的方法
Mar 07 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 jQuery
JS实现的tab页切换效果完整示例
Dec 18 Javascript
vue 实现根据data中的属性值来设置不同的样式
Aug 04 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环境――Appserv
2006/12/13 PHP
一个捕获函数输出的函数
2007/02/14 PHP
PHP封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
C#中使用迭代器处理等待任务
2015/07/13 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
Angular.js自定义指令学习笔记实例
2017/02/24 Javascript
javascript DOM的详解及实例代码
2017/03/06 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
JS数组splice操作实例分析
2019/10/12 Javascript
微信小程序canvas分享海报功能
2019/10/31 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
2020/07/22 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
javascript实现智能手环时间显示
2020/09/18 Javascript
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
python 开发的三种运行模式详细介绍
2017/01/18 Python
itchat接口使用示例
2017/10/23 Python
python能做哪些生活有趣的事情
2020/09/09 Python
京东港澳售:京东直邮港澳台
2018/01/31 全球购物
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
专科毕业生求职简历的自我评价
2013/10/12 职场文书
服装公司总经理岗位职责
2013/11/30 职场文书
社区义诊活动总结
2014/04/30 职场文书
2016廉洁从业学习心得体会
2016/01/19 职场文书
为什么在foreach循环中JAVA集合不能添加或删除元素
2021/06/11 Java/Android
Python 数据可视化之Seaborn详解
2021/11/02 Python
Python中super().__init__()测试以及理解
2021/12/06 Python