发布网友 发布时间:2022-04-26 07:12
共1个回答
热心网友 时间:2022-06-25 03:22
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" />
<input type="text" id="txtUrl" />
</body>
</html>