问动态更改宽度Select2
EN

Stack Overflow用户

提问于 2016-11-28 02:10:43

回答 1查看 540关注 0票数 0

你好，我正在使用下拉列表的select2插件。我正在尝试将打开事件的宽度设置为不同的值，但没有成功。有没有更方便的方法来实现这一点？

        $('#select').select2({
            width: o.width,
            data: objs // some data
        });

        $('$select').on('select2:open', function (e) {
            $(this).select2({width: 400}); // this does not work...
            // select2 is opened, handle event
        });

javascript

jquery

select2

回答 1

Stack Overflow用户

发布于 2016-11-28 03:47:27

试试这个可能会对你有帮助，你可以添加一个css类并设置宽度到css…

$(document).ready(function() { 
    $("#ddl1").select2({dropdownCssClass : 'set_ddl_size'}); 
});

#ddl1 {
    width: 100%;       
}

 .select2-drop-mask {
            width: 99%;
        }
         .set_ddl_size {
            width: 60% !important;
        }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="http://cdn.jsdelivr.net/select2/3.3.2/select2.css" rel="stylesheet"/>
<script src="http://cdn.jsdelivr.net/select2/3.3.2/select2.js"></script>
<body>
    <select id="ddl1">
       <option value="small">Small</option>
       <option value="medium">Medium Medium</option>
       <option value="larg">Larg Larg Larg Larg</option>
       <option value="verylarge">verylarge verylarge verylarge verylarge </option>
    </select>
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40832198

复制

相似问题

问动态更改宽度Select2
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态更改宽度Select2EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态更改宽度Select2
EN