jquery chosen怎么支持ajax
2个回答
展开全部
下面将要提到的是jQuery的chosen插件,它是对下拉select的封装,高手做出来的东西就是不错。
1.使用chosen插件,有几个文件时必须要引入的
jquery //毋庸置疑jquery必须
chosen.jquery.min.js //压缩版的chosen核心jquery代码
chosen.css //chosen 的样式文件
2.chosen的配置js代码
$(function () {
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
});
3.在select中加入相应的class就ok了。比如
<select data-placeholder="Choose a Country..." name="country" class="chosen-select" style="width:350px;" tabindex="1">
data-placeholder=”Choose a Country…”:第一个option留空,则会在select中默认显示的文本—Choose a Country…
class=”chosen-select” : 插件的最主要部分。
效果是:
chosen单选输入文字自动提示
在select标签中加入multiple就会变成多选
1.使用chosen插件,有几个文件时必须要引入的
jquery //毋庸置疑jquery必须
chosen.jquery.min.js //压缩版的chosen核心jquery代码
chosen.css //chosen 的样式文件
2.chosen的配置js代码
$(function () {
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
});
3.在select中加入相应的class就ok了。比如
<select data-placeholder="Choose a Country..." name="country" class="chosen-select" style="width:350px;" tabindex="1">
data-placeholder=”Choose a Country…”:第一个option留空,则会在select中默认显示的文本—Choose a Country…
class=”chosen-select” : 插件的最主要部分。
效果是:
chosen单选输入文字自动提示
在select标签中加入multiple就会变成多选
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
问题描述不清晰
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询