在jquery select2中标记文本

Question

<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/

Answer 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" /> 

Answer 2

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

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

消息来源问题

• Select2 Version 4.0允许您添加tags选项以select控件。

因此，解决方案是您需要升级到最新的插件，或者您需要在input控件上绑定select2 。