单击图片，在js里获取图片的地址，并在文本框中显示
在html里有一个图片，点击图片出现一个隐藏的div，在div里放着许多图片，当点击div中的图片，文本框中显示图片的地址...
在html里有一个图片，点击图片出现一个隐藏的div，在div里放着许多图片，当点击div中的图片，文本框中显示图片的地址
展开
3个回答
展开全部
1、为图片绑定点击事件
2、在点击事件中使用jQuery获得图片的src属性
3、调用文本框的val()方法，将取到的图片路径显示在文本框中
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
思路：
你可以将图片的ID属性设置为图片的地址，然后每次点击图片触发一个事件，这个事件很简单，就是将图片的ID写入文本框里。
你可以将图片的ID属性设置为图片的地址，然后每次点击图片触发一个事件，这个事件很简单，就是将图片的ID写入文本框里。
更多追问追答
追问
是很多图片，不是一个，不会每一个图片都写一个ID吧，这样太麻烦了吧
追答
你这些图片是怎么出来的？自己一个个添加的？应该是从数据库里读出来的吧？如果是从数据库里读出来的，就可以利用循环给每个图片的ID属性设置一下，不用自己写，很方便。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var imgSrc=document.getElementById('imgID').src;//去到对应img的src
document.getElementById('hiddenDiv').innerHTML=imgSrc
document.getElementById('hiddenDiv').innerHTML=imgSrc
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
