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。

＆＃13;

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);
}

＆＃13;

Answer 2

用于ejs var obj = [“ Object1”，“ Object2”，“ Object3”]; //假设这是对象

可以使用foreach

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

如何使用带有html标签的ejs数组

2 个答案: