Question

点击一行后，

值来自此表：

<script>
    var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;
    var img_name = $('#imgdiv').text();
    $('#imgid').attr('src', link_base + img_name);
</script>
<div class="bx2">
    <img id="imgid" alt="" class="imgsty" />    
</div>

所选文件名显示在div中：

<div id="txtdiv"></div>

在html中，有一个图片标记，我希望将div的值（即图像文件的名称）传递到img标记内的src=""。

我想要实现的代码如下所示：

<script>
  var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;
    var img_name = $('#imgdiv').text();
    $('#imgid').attr('src', link_base + img_name);
</script>
<div class="bx2">
    <img id="imgid" alt="" class="imgsty" />    
</div>

Answer 1

将您的脚本包装在$(document).ready(function(){...your code ...});中，这将确保您的DOM结构已准备好处理，就像您的情况中的图像已准备好更改其src一样

<script>
  $(document).ready(function(){
  var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;
    var img_name = $('#imgdiv').text();
    $('#imgid').attr('src', link_base + img_name);
 });
</script>

Answer 2

在img下移动脚本 - 当您尝试设置src属性时，不存在图像。

<div id="txtdiv"></div>

<div class="bx2">
    <img id="imgid" alt="" class="imgsty" />    
</div>
<!-- here or in header link jQuery -->
<script>
    var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;
    var img_name = $('#txtdiv').text();
    $('#imgid').attr('src', link_base + img_name);
</script>

Answer 3

看看这个小提琴。代码在onload https://jsfiddle.net/2z7ux3et/2/

上运行

这只是一个例子，你可以使用你想要的任何图像：

<div id="imgdiv">Information_icon.svg</div>
<div class="bx2">
    <img id="imgid" alt="" class="imgsty" />    
</div>
$(function() {
    var link_base = 'http://upload.wikimedia.org/wikipedia/commons/3/35/' ;
    var img_name = $('#imgdiv').html();
    $('#imgid').attr('src', link_base + img_name);
});

如何从div获取值并将其放在php

3 个答案: