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

您的代码对我来说很好：

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

Answer 2

这是由另一个使用select2类的javascript引起的，现在可以使用了。所以我的代码没错。