加載圖像動態地在GridView控件的onclick

Question

我的GridView與image列：動態我加載ID

<asp:TemplateField HeaderText="Image"> 
     <ItemTemplate> 
      <a href="#" onclick="showImages('<%# Eval("id")%>');">Show Image</a> 
      <img id="img1" /> 
     </ItemTemplate> 
</asp:TemplateField> 

和點擊我加載圖像

function showImages(id) {      
     document.getElementById('img1').src = 'Images/' + id + '.jpg'; 
    } 

第一行負載，當我點擊「顯示圖像」鏈接，但當我點擊第二行圖像不加載。我檢查了viewsource，我認爲它不工作的原因是因爲img id對於所有行都是一樣的。我如何動態地製作img id。

謝謝，

Answer 1

你是對的。它不工作的原因是因爲所有的img都會有相同的「id」。簡單的解決辦法是生成一個動態的ID。您可以將其附加到您的圖片ID。

<asp:TemplateField HeaderText="Image"> 
     <ItemTemplate> 
      <a href="#" onclick="showImages('img<%# Eval("id")%>');">Show Image</a> 
      <img id='img<%# Eval("id")%>' /> 
     </ItemTemplate> 
</asp:TemplateField>