Select2 - отображать только ограниченное количество элементов, а остальные - как n

J. Doe спросил: 26 ноября 2017 в 04:47 в: javascript

Я начал работать с Select2 и нашел его действительно полезным для своих нужд. Но, кажется, есть небольшая проблема дизайна, которая мешает другим элементам на странице. Когда я выбираю больше элементов, чем может поместиться на указанной ширине, поле выбора расширяется само по себе.

HTML:

<select id="selector" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    <option value="5">Option 5</option>
    <option value="6">Option 6</option>
    <option value="7">Option 7</option>
</select>

JQuery:

$(document).ready(function() {
    $("#selector").select2({
        placeholder: 'Select an option',
        width: 'resolve',
        dropdownAutoWidth: 'true',
        allowClear: 'true'
    });
});

Вот рабочий JSFiddle из демонстрации Select2, которую я сделал: https://jsfiddle.net/opztx0g5/

Вот скриншоты:

  • до раскрытия
    1. я нашел это, но не нашел способ ,

      я хотел бы знать, есть ли такая возможность, если это так? Не нарушайте дизайн страницы.

      Спасибо!


    0 ответов