javascript - 无法预先选择选择值

Question

我有一个带有下拉列表的网页。我有一个关于我的问题的 JSFiddle here 。下拉列表以 select2 呈现。插入。我需要支持下拉列表中的标签。我的下拉列表在初始(创建)状态下工作正常)。但是，当我编辑记录时，我无法弄清楚如何预填充所选值。我尝试遵循文档中的示例，其中包含以下内容:

$('#NameDisplay').select2({
  tags: ["Randy"]
}); 

但是，正如我的Fiddle显示，它不起作用。我添加了一个“基本”下拉菜单，只是为了尝试填充一些内容。我还添加了“完整”以更好地展示我的整个场景。我不知道我做错了什么。

Answer 1

您只需设置value即可<input> 的属性元素。将其设置为以逗号分隔的标签列表。

<input class="form-control input-sm" id="NameDisplay"
       name="NameDisplay" type="text" value="Randy" />