動態改變價值 <input> 隨着int的變化值

Question

在此foreach我將調用存儲在數據庫“表”中的圖像：

//the rest of the code is omitted for reading purposes.

foreach (var item in tresh)
  {
   if (item.itemImage != null)
      {
        string imageBase = Convert.ToBase64String(item.itemImage);
        imageSource = string.Format("data:image/gif;base64,{0}", imageBase);


        <img id="@item.treasureID" class="thisImage" src="@imageSource" width="100" height="100" onclick="return MakeSure()" />
        <input type="hidden" id="hiddentreasure_id" value="@item.treasureID" />
        } 
  }

現在，隱藏的<input>的值發生了什么，它存儲了第一個圖像id的值，並且不會隨着foreach增加而動態變化。

如何在此循環中使<input>的值隨圖像的treasure_ID ID動態變化。

這是我使用<input>的值的地方

function MakeSure() {

                var id = $("[id$=hiddentreasure_id]").val();
                $.ajax({
                    url: "../../WebService.asmx/MakeSure",
                    data: "{ 'id': '" + id + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                    }
                });

Answer 1

它似乎已經正確寫出。

每個隱藏元素的確具有相同的ID。 每個頁面的ID應該是唯一的。 您的MakeSure（）javascript只是選擇遇到的具有該ID的第一個元素（由於您始終選擇相同的ID，因此該元素將始終具有相同的值）。

您可以在onclick中將ID值傳遞到MakeSure（）中。 類似於...

onclick="return MakeSure(@(item.treasureID))"

和

function MakeSure(id) {