2 wang3048 wang3048 于 2017.08.30 17:49 提问

求助一js问题,在modal中加载多选下拉框

在使用chosen.query时遇到一问题,在select多选下拉框直接在页面中和modal中
加载出现不一样的结果,在modal中无法获取控件的宽度,跟踪js是offsetWidth为0,
代码如下:

 <div class="form-group">
                                        <p class="col-sm-2 bolder control-label no-padding-right"
                                            for="form-field-cobject">多选测试:</p>
                                        <div class="col-sm-9">
                                            <select class="chosen-select tag-input-style"
                                                multiple="multiple" id="cobject" name="cobject"></select>
                                        </div>
                                    </div>

function selectInit() {
    $("#cobject").html('<option value="">请选择</option>');
    $.post(hear + "/sys/dept/getdept.do", function(data) {
            //ajax获取数据
    });
    $("#cobject").trigger("chosen:updated");
    $("#cobject").chosen();
}

图片说明

1个回答

qq_29594393
qq_29594393   Ds   Rxr 2017.08.30 20:22
已采纳

如果当前元素影藏 ,大多数时候的隐藏都是设置display:none 的,这个时候你去获取的值都是0 ;
先确认这一点没有错

wang3048
wang3048 谢谢你的回答,终于搞定了,是加载的顺序有问题,应该先显示modal再加载chosen
3 个月之前 回复
wang3048
wang3048 模态框弹出时都显示了,不是隐藏了吧
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片