动态图像ASP.NET MVC

我必须将X图像添加到视图。点击时每个图片点击时应显示自己的输入。动态图像ASP.NET MVC

我将图像列表放入模型中。在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> 
}

来源

2016-06-01 miechooy

您需要javascript/jquery来处理'.click（）'事件 - 例如'$（'img'）。click（function（）{$（this）.next（'input'）。show（）}）;' - 但最好给元素类名并将它们用于选择器。 –

当然，但我如何添加配对图像/输入的原始名称？ – miechooy

你是什么意思_add original names_ - 你为什么要添加名字？ –

可以编写一个JavaScript函数，它的参数，如所点击的图像元素，以指示点击了哪个图像，并采取适当的行动：

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

关键字this是到参考触发事件的元素 - 在这种情况下，是一个被点击的图像元素。

来源

2016-06-01 06:35:37 CoolBots

并且显示输入是？请参阅@ Stephen Muecke的第一条评论。 –

动态图像ASP.NET MVC

回答

相关问题