在 jquery select2 中标记文本答案

【问题标题】：Tagging text in jquery select2在 jquery select2 中标记文本
【发布时间】：2015-07-03 05:58:44
【问题描述】：

<select multiple id="e1" style="width:300px">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>
        <option value="WY">Wyoming</option>
    </select>

$("#e1").select2({'placeholder': ' ','allowClear': true});

它对匹配的文本工作正常。但我想标记文本（不匹配任何选项）。请帮忙。

请在以下链接中找到演示代码。 http://jsfiddle.net/marcusasplund/jEADR/2/

【问题讨论】：

Select2 with createSearchChoice uses newly created choice for keyboard entry even given a match, bug or am I missing something?的可能重复
您正在使用 一个非常古老的（近三年）版本的 Select2。 请更新，我们稍后会感谢你。

标签： jquery html jquery-select2

【解决方案1】：

您有标签选项，但它不能与select 元素一起使用

$("#e1").select2({
  tags: [{
    "id": "AL",
    "text": "Alabama"
  }, {
    "id": "Am",
    "text": "Amalapuram"
  }, {
    "id": "An",
    "text": "Anakapalli"
  }, {
    "id": "Ak",
    "text": "Akkayapalem"
  }, {
    "id": "WY",
    "text": "Wyoming"
  }]
});

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css"/>

<input id="e1" style="width:300px" />

【讨论】：

如何动态添加对象到标签数组？

【解决方案2】：

select2 中有一个名为tags 的选项，它允许您将不匹配的文本发送到tags，但这里有一些问题。

如果您在select 上绑定select2 插件，它将不允许您设置tags 选项。所以为此你需要在input上绑定select2。

SOURCE QUESTION

Select2 版本4.0 也允许您将tags 选项添加到select 控件。

所以解决方案是您需要升级到最新的插件或你需要在input控件上绑定select2。

【讨论】：