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 相关文章推荐
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
Jquery知识点一 Jquery的ready和Dom的onload的区别
Jan 15 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
15款jQuery分布引导插件分享
Feb 04 Javascript
再次谈论Javascript中的this
Jun 23 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
Vue 2.5.2下axios + express 本地请求404的解决方法
Feb 21 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
layer.prompt输入层的例子
Sep 24 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 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
PHP5 安装方法
2007/01/15 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
php操作mongoDB实例分析
2014/12/29 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
PHP读取文件,解决中文乱码UTF-8的方法分析
2020/01/22 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
JS控制表格隔行变色
2006/06/26 Javascript
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
JS原型链怎么理解
2016/06/27 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
JQuery 获取Dom元素的实例讲解
2017/07/08 jQuery
webpack实现热加载自动刷新的方法
2017/07/30 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
JS实现TITLE悬停长久显示效果完整示例
2020/02/11 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
python抓取某汽车网数据解析html存入excel示例
2013/12/04 Python
python绘制直线的方法
2018/06/30 Python
局域网内python socket实现windows与linux间的消息传送
2019/04/19 Python
Django处理Ajax发送的Get请求代码详解
2019/07/29 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
如何在Django中使用聚合的实现示例
2020/03/23 Python
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
大学自荐信
2013/12/12 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
《四季》教学反思
2014/04/08 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
入党自荐书范文
2015/03/05 职场文书
海底两万里读书笔记
2015/06/26 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书