Chosen插件下载地址 //www.jb51.net/jiaoben/38027.html
复制代码 代码如下:
<script src="https://ajax.lug.ustc.edu.cn/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实现选中弹出窗口选择框内容后赋值给文本框的方法
- 基于JQuery的Select选择框的华丽变身
- 基于jquery实现select选择框内容左右移动添加删除代码分享
- 基于jQuery下拉选择框插件支持单选多选功能代码
- jquery通过select列表选择框对表格数据进行过滤示例
- jquery实现select选择框内容左右移动代码分享
- 各种选择框jQuery的选中方法(实例讲解)
- Jquery多选下拉列表插件jquery multiselect功能介绍及使用
- 用jquery实现下拉菜单效果的代码
- 用jquery实现的一个超级简单的下拉菜单
- jQuery模拟12306城市选择框功能简单实现方法示例