Select2 4.x中的自定义用户选项输入?

时间:2016-10-29 23:27:20

标签: jquery jquery-select2 jquery-select2-4

有一种方法可以在Select2中添加自定义用户输入,而无需使用tags模式。

这是,创建一个自定义选择输入,保留选择样式,没有内联块小标签。

另外,我发现很多答案都是使用AJAX和其他主题的东西,其中没有一个是解决方案来解决我的问题。

1 个答案:

答案 0 :(得分:2)

有一种简单的方法可以实现此功能:

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>
&#13;
&#13;
&#13;