单击图片，在js里获取图片的地址，并在文本框中显示

在html里有一个图片，点击图片出现一个隐藏的div，在div里放着许多图片，当点击div中的图片，文本框中显示图片的地址

举报该文章

相关建议 2015-10-29

1ãä¸ºå¾çç»å®ç¹å»äºä»¶

2ãå¨ç¹å»äºä»¶ä¸ä½¿ç¨jQueryè·å¾å¾ççsrcå±æ§

<html>
    <head>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
        <script type="text/javascript">
            $(function(){
                //ä¸ºå¾çç»å®ç¹å»äºä»¶
                $("#tu").click(function(){
                    //è·å¾å¾ççsrcå±æ§
                    var url=$(this).prop("src");
                    //å°å¾çè·¯å¾èµå¼å°ææ¬æ¡ä¸
                    $("#txtUrl").val(url);
                });
            });
        </script>
    </head>
    <body>
        <img id="tu" src="images/friend.jpg" width="800" height="600" /><br/>
        <input type="text" id="txtUrl" />
    </body>
</html>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s7qfspv2s.html

其他看法

第1个回答 2012-09-24

思路：
你可以将图片的ID属性设置为图片的地址，然后每次点击图片触发一个事件，这个事件很简单，就是将图片的ID写入文本框里。追问

是很多图片，不是一个，不会每一个图片都写一个ID吧，这样太麻烦了吧

追答

你这些图片是怎么出来的？自己一个个添加的？应该是从数据库里读出来的吧？如果是从数据库里读出来的，就可以利用循环给每个图片的ID属性设置一下，不用自己写，很方便。

追问

.gif" alt="fac/m0.gif"

图片是遍历出来的，在js里怎么获取图片地址

追答

设：$num是图片地址。
.....
然后在JS里：
alert(document.getElementById(你的$num).src);

追问

你还不太明白我的意思
在div里已经遍历出很多图片，点击div里的任意一个图片，在js里能获取点击图片的地址

追答

图片的src属性就是图片地址，你不就是想要图片的地址吗？那就获得src属性即可。

追问

那图片的地址是随机的，点那个图片，获取那个图片的地址，而你alert(document.getElementById(你的$num).src);只能获取某一个图片的地址，当点击其它图片就获取不到地址了

追答

哦，那你就给每个图片加一个点击触发的JS事件，这个事件里再写alert。比如啊。
funciton upp(addr)
{
alert(addr);
}
addr参数是每个图片的路径。
然后给每个图片加一个触发的事件：);"

本回答被提问者和网友采纳

第2个回答 2012-09-24

var imgSrc=document.getElementById('imgID').src;//去到对应img的src

document.getElementById('hiddenDiv').innerHTML=imgSrc

相似回答

大家正在搜