[英]Tagging text in jquery select2
<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/
您有標簽選項,但它不能與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" />
select2
有一個名為tags
的選項,它允許您將不匹配的文本添加到tags
但這里存在一些問題。
select
上綁定select2
插件,它將不允許您設置tags
選項。 因此,您需要在input
上綁定select2
。 Select2
Version 4.0
允許您添加tags
選項以select
控件。 因此,解決方案是您需要升級到最新的插件,或者您需要在
input
控件上綁定select2
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.