zoukankan      html  css  js  c++  java
  • 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({
                $(".chzn-container").parent().width()
            });
            $(window).resize(function(){   //屏幕自适应
                $(".chzn-container").css({
                    $(".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);
            });
        });

  • 相关阅读:
    关于钩子函数的详细解答:
    Vue实现回到顶部
    Vue实现Rate组件(星星评分)
    Vue-router 路由模式
    javascript中实现跨域的方式
    Promise
    webpack使用
    小程序登录
    api工厂的sdk的使用
    面试题划“重点”
  • 原文地址:https://www.cnblogs.com/dushutai/p/7642588.html
Copyright © 2011-2022 走看看