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();
您可能感兴趣的文章:
相关文章
easyui是一种基于jQuery的用户界面插件集合。接下来通过本文给大家介绍jQuery Easyui 验证两次密码输入是否相等的相关知识，感兴趣的朋友一起学习吧2016-05-05
这篇文章主要介绍了jQuery找出网页上最高元素的方法,实例分析了jQuery遍历元素与获取元素高度的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本文搜集整理了一些如邮箱、手机号码、电话号码、邮编、数字、判断是否为空、正则匹配等等常用验证;感兴趣的朋友可以了解下2013-01-01
一款非常乖巧的人物头像跟随鼠标转动效果，在浏览器屏幕内，人物脸庞始终面向鼠标转动，本篇文章给大家介绍基于jquery实现人物头像跟随鼠标转动，有需要的朋友可以参考下2015-08-08
jQuery EasyUI API 中文文档 - EasyLoader 加载器
jQuery EasyUI API 中文文档 - EasyLoader 加载器，使用jQuery EasyUI的朋友可以参考下。2011-09-09
这篇文章主要介绍了jQuery实现右键菜单、遮罩、弹出层效果，适应管理系统界面,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
去掉字符串起始和结尾的空格在实际应用中时很常见的的功能，本教程以多种方法为大家介绍下去掉空格的方法，感兴趣的朋友可以参考下哈2013-04-04
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
对于习惯使用GridView的人来说，前台页面需要动态添加表格的行数，是一件痛苦的事。GridView处理这种事情相当麻烦，你点击“新增一行”，需要回传到服务器。2010-09-09
在网站前端开发中，浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把各种判断方法都总结一下，希望对大家有所帮助2014-09-09
jQuery.cookie.js是个很好的cookie插件，大概的使用方法如下，需要的朋友可以参考下。2011-01-01
最新评论