动态改变bootstrap-select (selectpicker)为单选或多选

一般来说如果是单独设置单选或者多选的话只需要在SELECT标签上加上multiple即可:

<select id="fieidMemberSelect"  multiple></select>

But!今天接了个动态改变下拉框为单选或者多选的需求,本来以为以下代码能轻松搞定,结果搞了半天硬是没有用,网上也没有找到相关资料。

$("#fieidMemberSelect").prop("multiple",false).selectpicker('refresh').selectpicker('render');;
$("#fieidMemberSelect").prop("multiple",true).selectpicker('refresh').selectpicker('render');; 

然而,机智如我还是找到了方法~!尼玛!凭借我多年瞎JB乱修改源码的经验,本着碰运气的想法~ 先把SELECT销毁掉,再实例化一次。花擦!!居然成功了~!成功了!上代码的时候,我的内心是十分喜悦的~

function updateSelectType(type){
    var _select = $("#fieidMemberSelect");
    _select.selectpicker('destroy'); // 关键代码~

    if(type == 1){ // 单选
        _select.prop("multiple",false);
    }else{ // 多选
        _select.prop("multiple",true);
    }

    _select.selectpicker('refresh').selectpicker('render');
}

猜你喜欢

发表评论

最新发布