javascript - 选择2 : add option from the search field

Question

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

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

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