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

Question

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

Answer 1

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

Answer 2

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

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

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

例如：

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

可以找到更多信息here

如果您不想重命名，只需使用＆＃39; item＆＃39;。