【发布时间】:2016-10-29 23:27:20
【问题描述】:
有一种方法可以在不使用 tags 模式的情况下在 Select2 中添加自定义用户输入。
这就是,创建一个自定义选择输入,保留选择样式,没有那个内联块小标签。
此外,我使用 AJAX 和其他主题外的东西找到了很多答案,其中没有一个是我的问题的解决方案。
【问题讨论】:
标签: jquery jquery-select2 jquery-select2-4
有一种方法可以在不使用 tags 模式的情况下在 Select2 中添加自定义用户输入。
这就是,创建一个自定义选择输入,保留选择样式,没有那个内联块小标签。
此外,我使用 AJAX 和其他主题外的东西找到了很多答案,其中没有一个是我的问题的解决方案。
【问题讨论】:
标签: jquery jquery-select2 jquery-select2-4
有一个简单的方法来实现这个功能:
tags: true // let users input his/her own value
multiple: false // forces the select to keep a true select style
工作小提琴(2016-10-29):
$("select").select2({
multiple: false,
tags: true
});
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<p>
<a href="https://jsfiddle.net/odahcam/q096tskj/4/">Original Fiddle by @odahcam</a>
</p>
<select style="width:100%">
<option>story</option>
<option>bug</option>
<option>task</option>
</select>
【讨论】: