如何在帶有html標簽的ejs中使用數組

Question

我有一個像這樣的數組：

["Object1","Object2","Object3"]

我想使用此數組來遍歷對象，以填充這種html格式，如下所示：

  <option data-img-src=OBJECT 1 value="1"></option>
  <option data-img-src=OBJECT 2 value="2"></option>
  <option data-img-src=OBJECT 3 value="3"></option>

我還需要獲取每個對象的value 。

因此，第一個將是value="1" ，依此類推。

Answer 1

---

您可以使用JavaScript創建DOM元素並將其附加到HTML。

 var obj= ["Object1","Object2","Object3"]; for (var i = 0; i < obj.length; i++) { opt = document.createElement("OPTION"); opt.setAttribute('data-img-src',obj[i]); opt.setAttribute('value',i+1); document.body.appendChild(opt); } 

Answer 2

對於ejs var obj = [“ Object1”，“ Object2”，“ Object3”]; //假設這是對象

可以使用foreach

<% obj.forEach(function(val,index) { %>
                 <option data-img-src=<%= val %> value=<%= (index+1) %>></option>
 <% }); %>