javascript - JQuery 模板文本中的空格为元素创建新属性

标签 javascript jquery html whitespace jquery-templates

我正在尝试通过 Jquery 填充 datalist,但是,名字和姓氏之间的空格导致仅使用名字,而将姓氏作为另一个属性插入。

JQuery:

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

模板:

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

如果我创建一个Why This的字符串数组,我会在 HTML 中得到以下内容:enter image description here

如何解决这个问题?

最佳答案

尝试将您的值附加在双引号中:

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

关于javascript - JQuery 模板文本中的空格为元素创建新属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34058365/

相关文章:

javascript - 单击链接不起作用时添加类(class)

html - 从 Mongoose 查询数据并显示在html页面上

javascript - PHP:如果用户未按下提交按钮,则 Mysql 回滚多个查询(通过 ajax 完成)

javascript - javascript可以获取入站链接吗

javascript - HTML CSS 无法更改表格列宽

html - 如何将图像放在按钮上? (CSS)

javascript - 如何使悬停在事件按钮上不使用悬停效果?

javascript - 如何将字符串分割为两个或多个单词?

javascript - 如何根据产品类别隐藏/显示 woocommerce 产品页面上的链接?

javascript - jQuery获取div内容文本和除某些元素之外的元素