单击动态添加选项时，不会填充Select2输入字段

Question

我成功地使用动态（通过AJAX）检索的选项填充了select2（v4.0.1）下拉列表。

这是HTML：

<select id="part-reference" class="select-dropdown" name="part-reference"></select>

这是Javascript：

$('#part-reference').select2({
        ajax: {
            url: function (params) {
                return "parts/parts-search?nodecorator=true&input=" + params.term;
            },
            dataType: 'json',
            type: "POST",
            delay: 300,
            processResults: function (data, params) {
                return {
                    results: data.results
                };
            },
            cache: true
        }
    });

AJAX响应如下：

{
  "results": [
    {
      "id": 2,
      "text": "Two"
    },
    {
      "id": 3,
      "text": "Three"
    }
  ]
}

当我在下拉列表中选择一个选项时，输入字段不会填充文本，而当我提交表单时，此选择的值为undefined。

我需要做些什么，以便单击动态添加的选项时，它会填充输入字段并设置其值？