Маркировка текста в 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

Существует вариант под названием tags в select2, который позволяет Вам непревзойденную текст, tags, но здесь есть некоторые проблемы.

• Это не позволит вам установить tags вариант, если вы связывание select2 плагина на select. Поэтому для этого вам нужно связать select2 на input.

SOURCE QUESTION

• Select2 Version 4.0 позволяет добавить контроль tags вариант для select тоже.

Таким образом, решение либо вам необходимо обновить до последней плагин или вам нужно связать select2 на input управления.