我们如何使用 SIGHTLY 为“select” html 标签动态填充下拉值（通过 js 文件）答案

【问题标题】：How can we use SIGHTLY to dynamically populate drop down values(via js file) for "select" html tag我们如何使用 SIGHTLY 为“select” html 标签动态填充下拉值（通过 js 文件）
【发布时间】：2015-09-07 08:23:00
【问题描述】：

我们如何使用 SIGHTLY 为 html 标签动态填充下拉值（通过 js 文件）

【问题讨论】：

贴出你到目前为止所做的代码。

标签： aem sightly

【解决方案1】：

<select data-sly-list="${itemList}">
  <option value="${item}">${item}</option>
</select>

【讨论】：

【解决方案2】：

Abie 的回答是正确的，但可能需要进一步解释：

<select data-sly-list="${itemList}">
  <option value="${item}">${item}</option>
</select>

Data-sly-list 在其范围内有一些默认值，在这种情况下，默认值 'item' 和 'itemList' 将用作变量和列表名称。您可以通过将它们添加到 data-sly-list 并替换“itemList”来定义自己的名称。

例如：

<select data-sly-list.child="${listOfChildren}">
  <option value="${child.name}">${child.description}</option>
</select>

更多信息可以找到here

如果您不想重命名它们，也可以使用“item”。

【讨论】：