Select2框包含不需要的文本

Question

我最近一直在开发一个新页面，其中该网站使用了bootstrap，ASP MVC和Select2的组合。

从下图中，我有一个选择框，其中包含'标签'的占位符文本，但也有这个额外的'fl'文本。

我查看了我的代码，为什么会发生这种情况真的很令人困惑。

@partial Tags()
{    
    <div class="form-group">
        @using (Html.BeginForm("EditTags", "Tag", FormMethod.Post))
        {
            <select name="Tags[]" id="tags" multiple="multiple">
                @foreach (var item in Model.AllTags)
                {
                    <option class="select2-search-choice" value="@item.Id">@item.Name</option>
                }
                @foreach (var item in Model.ObservableTags)
                {
                    <option class="select2-search-choice" value="@item.Id" selected="selected">@item.Name</option>
                }
            </select>

            <div class="btn-group pull-right" role="group">
                <button type="submit" class="btn btn-success">Save</button>
            </div>
        }
    </div>
}

在剧本中：

<script type="text/javascript">
        $(document).ready(function () {
            function formatState(state) {
                if (!state.id) { return state.text; }
                var $state = $(
                    '<li class="select2-selection__choice" title="tag"><span class=\'glypicon glypicon-remove-circle\'/>'+state.text + '</li>'
                  );
                return $state;
            };

            $('select#tags').select2({
                placeholder: "tags",
                tags: true,
                templateResult: formatState,
                tokenSeparators: [',', ' ']
            });
        });
    </script>

在Chrome中查看此标记的CSS元素时，似乎将此“fl”添加到css的“after”元素中。

我已经查看了Select2的CSS和JS文件，并且没有引用'fl'或编辑此类的内容样式。

我正在使用Select2 4.0.0（3.5.2似乎不允许我在select元素上使用标签）。

我的设置：

Bootstrap（3.3.4） Visual Studio 2013专业版 MVC 5

这里的任何帮助都很棒。

Answer 1

ARGH，我知道我发布这篇文章的那一刻我会想出来的。

我禁用了css和javascript的优化以使其更具可读性（应该尽早完成）并且令我惊讶的是它是另一个css文件编辑：在标记之后的那个确切的组件（yay用于捆绑的布局包）。我删除了内容元素，瞧！问题解决了。