jquery chosen怎么支持ajax

 我来答
城南明月羿当年
推荐于2016-10-04 · 知道合伙人生活技巧行家
城南明月羿当年
知道合伙人生活技巧行家
采纳数:24666 获赞数:123228
计算机爱好者

向TA提问 私信TA
展开全部
下面将要提到的是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就会变成多选
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
陈亮424
2015-05-26 · TA获得超过634个赞
知道小有建树答主
回答量:626
采纳率:0%
帮助的人:415万
展开全部
问题描述不清晰
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式