如何更新所选图像的图像（onclick）？答案

【问题标题】：How to update image for just selected image (onclick)?如何更新所选图像的图像（onclick）？
【发布时间】：2021-11-30 07:17:37
【问题描述】：

是否有一种方法可以在单击图像时仅更改一个图像，即使表格中有两个其他列正在使用该图像？例如，我有一个Apple 列和一个Banana 列。两者都使用图像标签，所以<img src="DefaultImg" @onclick="@(ImgSelector(""))">。

换句话说，如果我选择列 Apple 一次，那么我应该会看到 Apple.png 并且 Banana 列应该仍然是 Basket.png。但是当我这样做时，如果我选择 Apple 列一次，那么我将在两列中看到 Apple.png 而不仅仅是 Apple 列。

所以我有<img src="DefaultImg" @onclick="@(ImgSelector("Apple"))"> 和<img src="DefaultImg" @onclick="@(ImgSelector("Banana"))">

DefaultImg 是“Basket.png”。

protected void ImgSelector(string selectedColumn)
{
    

    if (value == 0)
    {
        string appleImg = "Apple.png";
        string bananaImg = "Banana.png";

        value = 1;


        switch (selectedColumn)
        {
            case "Apple":
                DefaultImg = appleImg;
                break;
            case "Banana":
                DefaultImg = bananaImg;
                break;
        }
    }
    else
    {
        string appleImg2 = "Apple2.png";
        string bananaImg2 = "Banana2.png";
        value = 0;

        switch (selectedColumn)
        {
           case "Apple":
                DefaultImg = appleImg2;
                break;
            case "Banana":
                DefaultImg = bananaImg2;
                break;
        }
    }
}

【问题讨论】：

标签： c# html

【解决方案1】：

您在 switch 案例中将 DefaultImg 的值从 basekt 更改为 appleImg 或bananaImg。由于 BananaColumn 使用 DefaultImg 作为源并且您将 DefaultImg 更改为 Apple，因此它不再显示篮子。而是更改图像容器的 src 值。

不确定 C# for Web 中的代码是什么样的，但您应该获取 sender 元素的 ID 并将其 HTML src 标签更改为“appleImg”

【讨论】：