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 的异常

带搜索的下拉框Chosen

jQuery Chosen 使用

Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值

Jquery chosen select默认值为之前选择input值

jquery 插件:chosen