Javascript JQuery模板文本中的空白为元素创建新属性

我试图通过Jquery填充

数据列表

，但是，名字和姓氏之间的空白只会导致使用名字，而姓氏将作为另一个属性插入

JQuery：

  function FillNamesDataList(names)
  {
    $("#datalistTemplate").tmpl(names).appendTo("#colleagueNames");
  }

模板：

<script id="datalistTemplate" type="text/x-jquery-tmpl">
<option value=${name}></option>
</script>

如果我创建的字符串数组是

为什么会这样

，我会在HTML中得到以下内容：

---

如何解决此问题？

请尝试在双引号中添加您的值：

<option value="${name}"></option>

能否显示数据样本

名称

这只是一个字符串对象数组。例如，

{name:”“}

数组你能创建小提琴吗，我用这个小提琴测试过，如果选项中有多个单词，它就会工作。结果证明我没有用双引号括住

${name}

。它是！谢谢你的回复。你的JSFIDLE告诉我应该用引号括起来，我对JS语法相当不熟悉。