Javascript 单击“动态添加”选项时，选择2未填充的输入字段

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

以下是HTML：

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

AJAX响应如下所示：

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

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

未定义

---

我需要做什么才能在单击动态添加的选项时填充输入字段并设置其值？

您可以制作一个JSFIDLE以便其他人快速查看和帮助吗？使用

$。map

检查此示例我是否需要使用

$。map

？我认为我的数据格式正确？你是对的，你不需要使用

map

，因为格式是正确的。它似乎工作正常：尝试使用

targetSelection

选项强制打印值（ID或文本）

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