Jquery带搜索框的下拉菜单
2013-05-06 10:42
495 查看
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 下拉菜单动画效果[带演示]
- 用jQuery实现搜索框的过滤效果
- 使用jQuery和CSS3生成的搜索框变形全屏搜索效果
- 20个最炫HTML5,jQuery和CSS3下拉菜单制作教程(附示例/源码)
- jQuery简单特效之 ----- jQuery实现简单的下拉菜单
- JQuery网页下拉菜单效果
- Jquery联动下拉菜单
- Jquery 下拉菜单动画效果
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery实现向下滑出的平滑下拉菜单效果
- jquery 功能强大的下拉菜单
- jQuery实现渐变下拉菜单的简单方法
- jQuery实现渐变下拉菜单的简单方法
- jquery中使用循环下拉菜单示例代码
- jquery实现简单的二级导航下拉菜单效果
- jquery那点事之下拉菜单
- JQUERY实现非叠加式的搜索框提示
- jQuery实现精美的多级下拉菜单特效
- 简单jquery下拉菜单流畅版(转自www.jqueryba.com)