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を取得する必要があります。

最初の1つは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); 
 
}