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

2024-12-21 10:43:54

推荐回答（3个）

回答1：

1、为图片绑定点击事件

2、在点击事件中使用jQuery获得图片的src属性

3、调用文本框的val()方法，将取到的图片路径显示在文本框中


    
        
        
            $(function(){
                //为图片绑定点击事件
                $("#tu").click(function(){
                    //获得图片的src属性
                    var url=$(this).prop("src");
                    //将图片路径赋值到文本框中
                    $("#txtUrl").val(url);
                });
            });

回答2：

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

回答3：

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

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