php - 如何在 PHP 的 img src 中包含 div 的值？

Question

div 中有一个值。该值未存储在 div 中，但实际上来 self 使用以下语法提取的 html 表:

$('table#showalluporders tbody tr').click(function() {
  var tableData = $(this).closest("tr").children("td").map(function() {
    return $(this).text();
  }).get();
  $('#txtono').val($.trim(tableData[0]));       /* Order No */
  **$('#txtdiv').text($.trim(tableData[4]));**  /* File Name */
});

显示值 #txtdiv 的 div 语法:

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

现在，问题是 - 我想将 div 的值放入 PHP 变量中，以便它可以包含在图像 src 中:

<img src="<?php bloginfo('template_url');?>/savelabel/<?php $imgval ?>" alt=""/>

我怎样才能做到这一点？根据需要，这是我的代码:

<div class="bx1">
  <div id="txtdiv"></div>
</div>
<script>
  var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;
  var img_name = $('#txtdiv').html();
  $('#imgid').attr('src', link_base + img_name);
</script>
<div class="bx2">
  <img id="imgid" src="" alt="" class="imgsty" />   
</div>
<div class="bx3">
  <label class="lblsty">Order No.</label>
  <label class="colonsty">:</label>
  <input id="txtono" type="text" name="txtono" value="" readonly class="txtosty" /><br /><br />
</div>  
<div style="float:left; width:100%; height:10pt"></div>

<!-- Table 1 -->
<?php
  $selquery = "SELECT t_ordid, file_name FROM utmp_orders;
?>
<div class="t1cls">Order No.</div>

<div id="tabstatbox1" class="scroll">
  <table id="showalluporders">
    <thead><tr><th></th><th></th><th></th><th></th></tr></thead>    
      <?php 
       if (empty($retrv)){ 
         die("No Record Found." . mysqli_error($connection)); 
        }
        else {  
      while($retrvarr1 = mysqli_fetch_assoc($retrv)){ 
          <tbody>
            <tr>
              <td><?php echo $retrvarr1["t_ordid"]; ?></td>
              <td id="blocksty"><?php echo $retrvarr1["file_name"]; ?></td>
            </tr>
          </tbody>
    <?php }} ?>
  </table>
  <script type="text/javascript">
     $('table#showalluporders tbody tr').click(function() {
        var tableData = $(this).closest("tr").children("td").map(function() {
            return $(this).text();
        }).get();
        $('#txtono').val($.trim(tableData[0]));     /* Order No */
    $('#txtdiv').text($.trim(tableData[4]));    /* File Name */
     });
  </script>
</div>

我的屏幕布局有点像这样。

block 1

[ img1.jpg ] <-- div id="txtdiv"

---

< 图片 block > 订单号:[ 1 ]

区 block 2

Order No.--------Order Date------------ Status

1--------------15-2-2015---------------Paid
2--------------15-2-2015---------------Paid
3--------------15-2-2015---------------Paid
4--------------15-2-2015---------------Paid

区 block 3
提交 - 按钮

场景:当用户点击一行“Block 2 Table”时，其他隐藏列中图片的文件名将显示在“Block1 div”中，并从那里通过代码图片显示。

Answer 1

我认为这是一个三步过程。

首先，将您的 base url 保存为 JS 变量:

var link_base = "<?php echo bloginfo('template_url').'/savelabel/'; ?>" ;

接下来，从 div 中获取值:

var img_name = $('#txtdiv').html();

最后，将所有内容放入src:

$('#your_img_id').attr('src', link_base + img_name);