2017.10.9 关于chosen 的 一些独有的参数
Posted 读书台
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2017.10.9 关于chosen 的 一些独有的参数相关的知识,希望对你有一定的参考价值。
<script type="text/javascript" src="${ctx}/static/js/chosen.jquery.js"></script> <!--chosend的文件 -->
<script type="text/javascript" >
$(function(){
$(‘.chzn-select‘).chosen({
allow_single_deselect:true
});
$(‘.chzn-select‘).trigger("liszt:updated");
$(".chzn-container").css({
width: $(".chzn-container").parent().width()
});
$(window).resize(function(){ //屏幕自适应
$(".chzn-container").css({
width: $(".chzn-container").parent().width()
});
});
//这里是当这个多选框发生变化时
$(".chzn-select").chosen().change(function(event,param) { //Object { selected: "1009_集合与集合关系的判断" } 这样形式的
//console.log(param);
var testmode_ids = $(‘#testmode_ids‘).val();
console.log(testmode_ids);
if(param.selected){ //被选 选择的
// console.log(param.selected);
var id = param.selected.split("_")[0];
if(testmode_ids){
ids = testmode_ids.substring(testmode_ids.length-1);
if(ids == ‘,‘){
testmode_ids += id + ‘,‘;
}else{
testmode_ids += ‘,‘ + id + ‘,‘;
}
}else{
testmode_ids += id + ‘,‘;
}
}else if(param.deselected){ //把选的删除 点x的 chosen 特有的
var id = param.deselected.split("_")[0];
testmode_ids = testmode_ids.replace(id+‘,‘,‘‘).replace(id,‘‘);
// console.log(param.deselected);
}
$(‘#testmode_ids‘).val(testmode_ids);
});
});
以上是关于2017.10.9 关于chosen 的 一些独有的参数的主要内容,如果未能解决你的问题,请参考以下文章
Angularjs 选择了 jquery-chosen 1.8.7 和 angularjs 1.8.0 的异常
Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值