Chosen 基于jquery的选择框插件使用方法


Posted in Javascript onMay 30, 2012

Chosen插件下载地址  https://3water.com/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();
Javascript 相关文章推荐
artDialog双击会关闭对话框的修改过程分享
Aug 05 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
js表单验证实例讲解
Mar 31 Javascript
js学习之----深入理解闭包
Nov 21 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
3种vue组件的书写形式
Nov 29 Javascript
react学习笔记之state以及setState的使用
Dec 07 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
基于jquery的鼠标拖动效果代码
May 30 #Javascript
基于jquery的文本框与autocomplete结合使用(asp.net+json)
May 30 #Javascript
基于jQuery的倒计时实现代码
May 30 #Javascript
基于jquery的放大镜效果
May 30 #Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 #Javascript
Javascript的常规数组和关联数组对比小结
May 24 #Javascript
基于mootools插件实现遮罩层新手引导
May 24 #Javascript
You might like
Php+SqlServer实现分页显示
2006/10/09 PHP
扩展你的 PHP 之入门篇
2006/12/04 PHP
用PHP实现的随机广告显示代码
2007/06/14 PHP
php项目中百度 UEditor 简单安装调试和调用
2015/07/15 PHP
PHP页面间传递值和保持值的方法
2016/08/24 PHP
jquery ui对话框实例代码
2013/05/10 Javascript
利用jquery动画特效和css打造的侧边弹出垂直导航
2014/04/04 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
2016/06/25 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
jQuery常见的选择器及用法介绍
2016/12/20 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
js 用于检测类数组对象的函数方法
2017/05/02 Javascript
javaScript之split与join的区别(详解)
2017/11/08 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
webpack配置打包后图片路径出错的解决
2018/04/26 Javascript
解决vue+elementui项目打包后样式变化问题
2020/08/03 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
使用Python的Twisted框架编写简单的网络客户端
2015/04/16 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
Python守护进程实现过程详解
2020/02/10 Python
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
协议书模板
2014/04/23 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
上班迟到检讨书300字
2014/10/18 职场文书
离婚财产分配协议书
2014/10/21 职场文书
TV动画《间谍过家家》公开PV
2022/03/20 日漫