单击图片，获取id，实现获对应信息再赋值给网页其他控件显示出来

后台动态加载了图片，图片给了不同的Id，想通过单击图片，获取图片id，实现获对应信息再赋值给网页其他控件显示出来希望大虾给个指导下怎么弄，给个小例子的话更好，谢谢大家了

解决方案 »

  1.   

    stringbuilder动态生成字符串
    img   type= "image "   onclick="test(值)" 
    function test(x)
    {
    //根据X和ajax获取相关数据，赋值到标签}
      

  2.   

    先获取控件绝对位置 再用JS函数将id传过去 用ajax返回数据赋值到div中 显示出来
      

  3.   

    $(document).ready(function(){
       $("img").click(function(){
            var id = $(this).attr("id");
            $.ajax({
                url:"default.ashx",
                type:"get",
                data:"ID="+id;
                dataType:"json",
                success:function(result){
                     if(result.id){
                         var id = result.id;
                         var name = result.name;
                         //然后赋值给你要显示的控件
                     }
                }
            })
       })
    })
    default.ashx
    int id = convert.toint32(context.Request.querystring["id"]);
    string sql = "select id,name,title from table where id=@id";
    sqlparameter[] para = {new sqlparameter("@id",sqldbtype.int,4)};
    para[0].value=id;
    stringbuilder sb = new stringbuilder();
    using(sqldatareader dr = dbhelpersql.executereader(sql,para))
    {
       while(dr.read())
       {
            sb.append("{'ID':'"+dr.getint32(0)+"','Name':'"+dr.getstring(1)+"'}");
       }
    }
    //...
    context.response.write(sb.tostring());
    context.response.end();
      

  4.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    function c(o){
    var id=$(o).attr("id");
    $("#text1").val(id)
    }
    </script>
    </head><body>
    <img id="img1" src="1.jpg" onclick="c(this)" />
    <img id="img2" src="1.jpg" onclick="c(this)" />
    <input type="text" id="text1" />
    </body>
    </html>点击图片，获取点击图片的ID，放到文本框里
      

  5.   

    3楼的方法很好，给了我很大的方向和灵感，非常感谢，我的问题已解决，参考了3楼的有一半代码，用之导入了jquery的js代码