Question

確定我有這樣的一個jsp頁面

<div id="productList"> 
    <logic:iterate id="product" indexId="aid" name="TeamMaintenanceForm" property="team.productList">        
      <div id='<bean:write name="product" property="id" />' > 
       <bean:write name="product" property="name" /> 
      </div>   
     </logic:iterate>         
</div> 

現在我想將一個對象添加到這個數組與JavaScript類似

function addProduct(){ 
     var object; 
     object.name='newProduct'; 
     object.id=5; 
     productList.add(newProduct); 
} 

從而使新的對象與數組中的其他對象一起顯示出來，所以當我提交這個頁面時，它會被引用到帶有數組中對象的窗體中。

有沒有簡單的方法來做到這一點？

Answer 1

function addProduct(){ 
    var object; 
    object.name='newProduct'; 
    object.id=5; 

    // get the reference of div (productList) 
    var productList = document.getElementById('productList') ; 

    // create the div structure of children 
    var newProductDiv = "<div id='"+object.id +"' />'"+object.name + "</div>"; 

    // append the children to the productList div. 
    productList.appendChild(newProductDiv); 
} 

你可以把它參數

function addProduct(object){ 

    // get the reference of div (productList) 
    var productList = document.getElementById('productList') ; 

    // create the div structure of children 
    var newProductDiv = "<div id='"+object.id +"' />'"+object.name + "</div>"; 

    // append the children to the productList div. 
    productList.appendChild(newProductDiv); 
}