Question

我必须将X图像添加到视图中。单击时，每个图像都应在下方显示自己的输入。

我将图像列表添加到我的模型中。在foreach循环中，我可以动态地添加它们，但是如何为每个函数创建onclick函数原始函数，因此每个图像的每个输入都将分开。

@foreach (var image in Model.Image)
{
    <div class="col-md-2" style="cursor: pointer">
        <img src="@Url.Content(image)" alt="image" />
        <input type="text" class="form-control" style="visibility: collapse"/>
    </div>
}

Answer 1

您可以编写一个JavaScript函数，该函数接受一个参数，例如单击的图像元素，以指示单击了哪个图像并采取适当的操作：

<img src="@Url.Content(image)" alt="image" onclick="processImage(this)" />

关键字this是对导致事件触发的元素的引用 - 在这种情况下，是一个被点击的图像元素。

动态图像ASP.NET MVC

1 个答案: