Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从Div中获取图像文件名,并复制到按钮悬停时的文本字段中_Javascript_Jquery_Forms_Function_Button - Fatal编程技术网

Javascript 从Div中获取图像文件名,并复制到按钮悬停时的文本字段中

Javascript 从Div中获取图像文件名,并复制到按钮悬停时的文本字段中,javascript,jquery,forms,function,button,Javascript,Jquery,Forms,Function,Button,在id为#prlogo的div中,我有一个am图像。当我将鼠标悬停在id为button的按钮上时,我需要将服务器上图像的文件名或位置复制到id为input 2 16的文本文件中 听起来很简单,但我一直在努力做到这一点 Div html: <div id="prlogo" class="prlogo"><img class="logoplace" src="../preview/logo-place.png"/> </div> Miro没有

在id为#prlogo的div中,我有一个am图像。当我将鼠标悬停在id为button的按钮上时,我需要将服务器上图像的文件名或位置复制到id为input 2 16的文本文件中

听起来很简单,但我一直在努力做到这一点

Div html:

<div id="prlogo" class="prlogo"><img class="logoplace" src="../preview/logo-place.png"/>
        </div>


Miro没有更多的上下文,使用jQuery

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() { //this anonymous function will run when the page is ready
    $("#button").hover(function() {
      //mouse enter
      var imgSrc = $("#prlogo img").attr("src"); 
      //assumes there is an <img /> tag as a child of the #prlogo div
      $("#input_2_16").val(imgSrc);
    },function() {
      //mouse leave
    });
});
</script>

$(function(){//此匿名函数将在页面准备就绪时运行
$(“#按钮”).hover(函数(){
//鼠标进入
var imgSrc=$(“#prlogo img”).attr(“src”);
//假设有一个
如果你不想在鼠标离开时做任何事情,你可以改为做

$("#button").mouseenter(function() {
  //mouse enter
  var imgSrc = $("#prlogo img").attr("src"); 
  //assumes there is an <img /> tag as a child of the #prlogo div
  $("#input_2_16").val(imgSrc);
});
$(“#按钮”).mouseenter(函数(){
//鼠标进入
var imgSrc=$(“#prlogo img”).attr(“src”);

//假设有一个如果我读对了,它会是这样的:

$( function () {
    $( '#button' ).mouseover( function () {
        var src = $( '#prlogo img' ).attr( 'src' );
        $( '#input_2_16' ).val( src );
    } );
} );
​

如果需要跨DOM的多个级别,请使用.find代替.children

$('#button').on('hover', function(){
        $('#input_2_16').val($('#prlogo').children('img').attr('src'));
});

你能给我们div的html和文本字段吗?图像是div的子对象,还是div的背景?只是添加了div的html。不是背景图像…子对象。在你发布所有涉及的html之前,我们无法确定我们是否给了你正确的答案。如果你想要更多帮助,你可以发布你尝试的所有代码idn不起作用,人们可能会精确地指出你的错误所在。那太好了,谢谢……不过唯一的一点是,按钮的输入id是button,而不是div id。有什么想法吗?哦,这是一个输入按钮?然后你可以将选择器更改为
$('input[type=button]”)
太好了,谢谢……不过唯一的一点是,按钮的输入id是button,而不是div id。有什么想法吗?嗯?当您使用
id=“button”将鼠标移动到任何元素上时,将触发此鼠标输入/悬停事件
它似乎不起作用…它只在我放置一个类而不是一个id时起作用你有多个id相同的元素吗?因为这是不允许的。这是我唯一能想到的使代码不起作用的事情。不,这是唯一一个id相同的元素…我也不知道…这就是为什么我一直在胡思乱想。。。