chosen.jquery.js 初始化选中多个单个以及其他一些操作

喜欢ヅ旅行 2021-08-10 11:23 149阅读 0赞

> 1.引入css库，JQ库，以及chosen.jquery.js

> 2.html

<div class="form-group">
    	<label class="col-xs-2 control-label font-noraml">选择人员:</label>
    	<div class="col-xs-8 input-group">
    		<select data-placeholder="请选择更多人员" class="chosen-select" id="cse" name="grouptemp" multiple style="width:400px;" tabindex="4">
    			<option value="" disabled="">请选择人员(可多选)</option>
    			<?php
                                                foreach ($admin as $v) {
                                                    ?>
    			<option value ="" "<?="" $v['userid'] ?>" hassubinfo = "true"><?= $v['name'] ?>
    			</option>
    			<?php
                                                }
                                                ?>
    		</select>
    	</div>
    	<input type="hidden" name="userid" id="userid" class="form-control" value="<?= $catrow['userid']?>">
    </div>

> 3.js

chose_mult_set_ini("#cse",'<?= $userid;?>'); // 数据初始化权限
    //chose_mult_set_ini("#cse",'1,3,4,5'); // 数据初始化权限
    
    /*数据初始化*/
    function chose_mult_set_ini(select, selectidstr) {
        var arr = selectidstr.split(','),
        length = arr.length,
        index = '';
        for (i = 0; i < length; i++) {
            index = arr[i];
            $(select + " option[value='" + index + "']").attr('selected', 'selected');
        }
        $(select).trigger("liszt:updated");
    }
    
    
    // 如果是单个：
    $("#cse ").get(0).selectedIndex = index; //index为索引值（从0开始）