chosen-select多选框附初值

1、你的多选select

<select  data-placeholder="选择所属分组" id="grouping" name="grouping" class="chosen-select" multiple style="width:350px;" tabindex="4">
                                    <option value="">请选择分组</option>
                                    <option id="hello" value="1">A组</option>
                                    <option id="2" value="2" >B组</option>
                                    <option id="3" value="3" >C组</option>
                                </select>

js、 chosen.jquery.js

css、chosen.css

 script加入下面代码 

  //多选框
    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: '找不到加载数据!'
        },
        '.chosen-select-width': {
            width: "95%"
        }
    }
    for (var selector in config) {
        $(selector).chosen(config[selector]);
    }

 

2、$(document).ready(function () {
        var groupingValue = $('#groupingValue').val();  //后台传值 格式1,2,3
        var arr = groupingValue.split(',');   //逗号分割值
        var length = arr.length;  //获取长度后循环
        var value = '';
        for (i = 0; i < length; i++) {
            value = arr[i];
            $("#grouping" + " option[value='" + value + "']").attr('selected', 'selected');   //加上选中状态
        }
        $("#grouping").trigger("chosen:updated");  //更新
        
        $(".chosen-select").chosen(); 
    });