点击图片时如何获取id [英] How to get id when we click on image

查看:107
本文介绍了点击图片时如何获取id的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<body>
    <div class="container h">
        <h2><b>Machines</b></h2>
        
        <div class="row" style="margin-top:10px;margin-left: 10px;">
            @{foreach (System.Data.DataRow sp in ViewBag.view.Rows)
              { 
                <div class="col-sm-3 img" >
                <h5><p style="margin-left:50px">@sp["Model_Number"].ToString()</p></h5>
                <img onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="@sp["Image"].ToString()" onclick="handleClick(this)" style="height:180px;width:170px;border:groove;border-width:2px;border-color:yellow"/>
                <p style="margin-left:30px;" >@sp["Manufacture"].ToString()</p>
                <input   name="id" value="@sp["Machine_Id"].ToString()"/>
                 
           </div>}}
              
               
                  

            
</div>
</div>
</body>





我尝试了什么:



i我试图在点击事件中获取图像的id image ..我可以这样做'



What I have tried:

i am trying to get id of image on click event of image..how can i do that'

推荐答案

尝试设置图片的ID。然后在handleClick方法中,您可以获取当前图像ID。



Try setting id of your image. then in handleClick method you can get your current image id.

@{int i = 0;}
@{foreach (System.Data.DataRow sp in ViewBag.view.Rows)
        { 
                <div class="col-sm-3 img" >
                <h5><p style="margin-left:50px">@sp["Model_Number"].ToString()</p></h5>
                <img id="Img_@i" onmouseover="bigImg(this)" onmouseout="normalImg(this)" src="@sp["Image"].ToString()" onclick="handleClick(this)" style="height:180px;width:170px;border:groove;border-width:2px;border-color:yellow"/>
                <p style="margin-left:30px;" >@sp["Manufacture"].ToString()</p>
                <input   name="id" value="@sp["Machine_Id"].ToString()"/>
                i++;
                 
           </div>
  }}





祝你好运。



Good luck.


这篇关于点击图片时如何获取id的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆