Select2：从搜索字段中添加选项

Question

我想知道是否有人可以帮我解决这个问题，我有一个带有一些预定义选项的 select 标签，现在我想要的是当我在 select2 搜索中搜索一个不存在的选项时字段，以使用插入的搜索值创建一个选项。

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

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

<script>
    $(document).ready(function() {
        $('#selectized').select2({
            placeholder: 'sometext',
            allowClear: false
        });
    });
</script>

Answer 1

添加 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>

Select2：从搜索字段中添加选项

Select2: add option from the search field

javascript

jquery

select

select2