如何使用與EJS陣列與HTML標籤

我有一個數組，像這樣：如何使用與EJS陣列與HTML標籤

["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"等數。

來源

2017-02-23 Farhan Syed

的可能的複製[內快遞/ EJS模板，通過陣列的是乾淨的方法循環？]（http://stackoverflow.com/questions/16153384/inside-express- ejs-templates-what-is-clean-way-to-loop-through-an-array） –

重複此：http://stackoverflow.com/questions/3010840/loop-through-an-array-in-javascript –

您可以使用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); 
 
}

來源

2017-02-23 02:58:20 Dragon214

如何使用與EJS陣列與HTML標籤

回答

相關問題