选择2:从搜索字段添加选项

时间:2017-02-17 13:44:40

标签: javascript jquery select select2

我想知道是否有人可以帮我这个,我有一个带有一些预定义选项的select标签,现在我想要的是当我在select2搜索字段中搜索一个非现有选项时,创建一个带有插入搜索值的选项

例如。当我输入我的选项中不存在的四个时,实际创建一个值为4的选项。我希望我能很好地解释我的问题。

from './modtest.py'

1 个答案:

答案 0 :(得分:0)

添加tags: true作为显示

this示例
$('#selectized').select2({
      placeholder: 'sometext',
      allowClear: false,
      tags: true
});

$('#selectized').select2({
  placeholder: 'sometext',
  allowClear: false,
  tags: true
});
#selectized {
  width: 200px
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css" rel="stylesheet" />

<select name='selectized' id='selectized' class='form-control'>
   <option value='1'>one</option>
   <option value='2'>two</option>
   <option value='3'>three</option>
</select>