Select2 всегда показывает сообщение «ничего не найдено»

Question

Мне нужно создать select2, где я могу выбрать несколько значений. Но я получаю сообщение «ничего не найдено» каждый раз, пробовал разные решения, но ничего не получалось. Я действительно понятия не имею, что не так.

<select id="keywords-input" multiple="multiple" style="width:300px">
    {*
    <option selected="selected" value="Val 1">Val 1</option>*} {*
    <option selected="selected" value="Val 2">Val 2</option>*} {*
    <option selected="selected" value="Val 3">Val 3</option>*} {*
    <option selected="selected" value="Val 4">Val 4</option>*} {*
    <option selected="selected" value="asfsafafsa">asfsafafsa</option>*}
</select>

<script>
    $(document).ready(function() {
        $('#keywords-input').select2({
            tags: true,
            tokenSeparators: [',', ' '],
            data: ['Val1', 'Val2', 'Val3'],
            maximumInputLength: 10,
            multiple: true
        });
    });
</script>

Answer 1

Это было вызвано другим JavaScript, который использовал класс select2, теперь он работает.Так что мой код не ошибся.

Answer 2

Ваш код отлично работает для меня:

HTML

<select id="keywords-input" multiple="multiple" style="width:300px">
    {*
    <option selected="selected" value="Val 1">Val 1</option>*} {*
    <option selected="selected" value="Val 2">Val 2</option>*} {*
    <option selected="selected" value="Val 3">Val 3</option>*} {*
    <option selected="selected" value="Val 4">Val 4</option>*} {*
    <option selected="selected" value="asfsafafsa">asfsafafsa</option>*}
</select>

JS

   $(document).ready(function() {
        $('#keywords-input').select2({
            tags: true,
            maximumInputLength: 10,
        });
    });

Jsfiddle