Chosen 基于jquery的选择框插件使用方法
更新时间：2012年05月30日 14:47:06 作者：
Chosen 是一个JavaScript插件，它能让丑陋的、很长的select选择框变的更好看、更方便。目前，它支持 jQuery 和 Prototype 两种JavaScript引擎。
Chosen插件下载地址 https://www.jb51.net/jiaoben/38027.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="chosen/chosen.jquery.js" type="text/javascript"></script>
应用JS文件
<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
</select>
class设这为chzn-select
初始化：$(".chzn-select").chosen();
对select进行操作时候需注意如下：先删除外部套用的层在经常操作，最后在加上$(".chzn-select").chosen();
var selectObj = $("#slectplat");
selectObj.parent().children().remove('div');
selectObj.removeClass();
$("#slectplat").val(_plat);
selectObj.addClass("chzn-select");
selectObj.chosen();
复制代码 代码如下:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="chosen/chosen.jquery.js" type="text/javascript"></script>
应用JS文件
复制代码 代码如下:
<select class="chzn-select" data-placeholder="Choose a Country" style="width:350px;" tabindex="1">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Albania">Albania</option>
</select>
class设这为chzn-select
初始化：$(".chzn-select").chosen();
对select进行操作时候需注意如下：先删除外部套用的层在经常操作，最后在加上$(".chzn-select").chosen();
复制代码 代码如下:
var selectObj = $("#slectplat");
selectObj.parent().children().remove('div');
selectObj.removeClass();
$("#slectplat").val(_plat);
selectObj.addClass("chzn-select");
selectObj.chosen();
您可能感兴趣的文章:
相关文章
这篇文章主要为大家详细介绍了jquery实现图片放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
这篇文章主要为大家详细介绍了jquery实现拖拽添加元素功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
empty、remove和detach三者都有把元素移除的作用，但细微的差别，造就了它们的使命不同。下面给大家介绍jQuery中的empty、remove和detach的区别，感兴趣的朋友一起学习吧2016-04-04
jquery fancybox ie6不显示关闭按钮的解决办法
本篇文章主要是对jquery fancybox ie6不显示关闭按钮的解决办法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
基于jquery的时间段实现代码，需要的朋友可以参考下2012-08-08
这篇文章主要给大家介绍了关于如何利用jqgrid实现上移下移单元格功能的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
这篇文章主要介绍了jQuery插件FusionCharts实现的3D柱状图效果,结合具体实例形式详细分析了FusionCharts插件绘制3D柱状图的具体步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2017-03-03
貌似最近腾讯手机游戏天天爱消除挺火的，我也是粉丝之一，最近对javascript一直比较感兴趣然后想用js仿造一个，应该不是太难，2015-10-10
这篇文章主要介绍了基于JQuery制作可编辑的表格特效，一共给出了2种解决方案，小伙伴们能看出来哪种方案更合理吗？2014-12-12
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法，需要的朋友可以参考一下2013-05-05
最新评论