動的イメージ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

'.click（）'イベントを処理するにはjavascript/jqueryが必要です。 $（ 'img'）をクリックすると、要素のクラス名を与えてセレクタに使用するほうがよいでしょう。。 –

もちろん、ペアのイメージ/入力に元の名前を追加するにはどうすればよいですか？ – miechooy

元の名前を追加するとどういう意味ですか_名前を追加する理由は？ –

あなたがクリックされた画像を示し、適切な行動を取るために、そのようなクリックされた画像要素として、パラメータを取るJavaScript関数を記述することができます。

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

キーワードthisへの参照ですイベントを発生させる要素（この場合、クリックされたイメージ要素）。

出典

2016-06-01 06:35:37 CoolBots

そして、入力が表示されていますか？@ Stephen Mueckeの最初のコメントを参照してください。 –

答えて

関連する問題