Select2 4.x 中的自定义用户选项输入?
Custom user option input in Select2 4.x?
有一种方法可以在不使用 tags
模式的情况下在 Select2 中添加自定义用户输入。
这是创建一个自定义 select 输入,保留 select 样式,没有内联块小标签。
此外,我找到了很多使用 AJAX 和其他 主题外 的答案,其中 none 是 解决方案 我的问题。
有一种简单的方法可以实现此功能:
tags: true // let users input his/her own value
multiple: false // forces the select to keep a true select style
工作 fiddle (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>
有一种方法可以在不使用 tags
模式的情况下在 Select2 中添加自定义用户输入。
这是创建一个自定义 select 输入,保留 select 样式,没有内联块小标签。
此外,我找到了很多使用 AJAX 和其他 主题外 的答案,其中 none 是 解决方案 我的问题。
有一种简单的方法可以实现此功能:
tags: true // let users input his/her own value
multiple: false // forces the select to keep a true select style
工作 fiddle (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>