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 相关文章推荐
基于jquery的超简单上下翻
Apr 20 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
Nov 28 Javascript
Web开发必知Javascript技巧大全
Feb 23 Javascript
JavaScript实现九九乘法表的简单实例
Jun 07 Javascript
Javascript 实现放大镜效果实例详解
Dec 03 Javascript
canvas实现钟表效果
Feb 13 Javascript
js的OOP继承实现(必看篇)
Feb 18 Javascript
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
webpack实用小功能介绍
Jan 02 Javascript
koa2实现登录注册功能的示例代码
Dec 03 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
Jan 21 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 Javascript
基于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 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
百度站点地图(百度sitemap)生成方法分享
2014/01/09 PHP
简单谈谈PHP中的include、include_once、require以及require_once语句
2016/04/23 PHP
js写一个弹出层并锁屏效果实现代码
2012/12/07 Javascript
jquery中event对象属性与方法小结
2013/12/18 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
2014/08/07 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
jQuery简单实现QQ空间点赞已经取消点赞
2015/04/02 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
jQuery绑定事件-多种实现方式总结
2016/05/09 Javascript
动态加载js、css的实例代码
2016/05/26 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
AngularJS控制器之间的通信方式详解
2016/11/03 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
python中合并两个文本文件并按照姓名首字母排序的例子
2014/04/25 Python
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
使用Python操作MySQL的一些基本方法
2015/08/16 Python
Python使用matplotlib实现绘制自定义图形功能示例
2018/01/18 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
python3连接kafka模块pykafka生产者简单封装代码
2019/12/23 Python
scrapy-splash简单使用详解
2021/02/21 Python
加拿大最大的书店:Indigo
2017/01/01 全球购物
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
廉政教育心得体会
2014/01/01 职场文书
大学生关于奋斗的演讲稿
2014/01/09 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
广播体操比赛主持词
2015/06/29 职场文书
如何正确理解python装饰器
2021/06/15 Python
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle