【问题标题】:get the correct value of php variable获取php变量的正确值
【发布时间】:2019-07-23 00:08:22
【问题描述】:

这是一个陌生的问题

我有这个用于cicle

for($i=0;$i<count($certificazioni);$i++){
     $etc=certificazioni[$i];
 ....
    <img src="/cubo/addDocument.png"/ height="24" width="24" data-toggle="modal" data-target="#addEvento">
   }

当我单击图像时,它会打开一个引导模式淡入淡出,如弹出窗口

<div class="modal fade" id="addEvento" tableindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
                <?php echo $etc; ?>

我怎样才能截获正确的值?我收到 $etc 的最后一个值 有没有一种方法可以得到 cicle 的正确值?

【问题讨论】:

标签: php jquery html twitter-bootstrap bootstrap-4


【解决方案1】:

您需要使用 javascript 来获取值。我不确定 $etc 数据是什么,但基本上你需要创建一个 javascript 函数,并将值传递给函数 onclick image。

例子:

PHP

for($i=0;$i<count($certificazioni);$i++){
     $etc=certificazioni[$i];
 ....
     ?>
    <img src="/cubo/addDocument.png"/ height="24" width="24" data-toggle="modal" data-target="#addEvento" onclick="return viewImage(<?php echo $etc; ?>)">
    <?php
   }

HTML 模态

在模态代码中添加额外的 div

<div id="outputHere"></div>

JavaScript

<script>
      function viewImage(image) {
        // do what you need with the data, which is in this case to append to the modal

        document.getElementById('outputHere').innerHTML = image;
        // this example is only to append the value. you can modified it to suit your needs (html code or anything)
      }
</script>

【讨论】:

  • 它不起作用,我需要在模态代码中打印 $etc
  • @riccardoairone 一旦你在循环中正确获得了 $etc (参考我的 php 代码),你就可以使用 js 或 jquery 简单地将值附加到模态 html。
【解决方案2】:

我认为您要做的是在单击图像时打开特定模式,如果是这样,请尝试以下操作:

for($i=0;$i<count($certificazioni);$i++){
    $etc=certificazioni[$i];
    ....
    <img src="/cubo/addDocument.png"/ height="24" width="24" data-toggle="modal" data-target="#addEvento<?= $i ?>">

    <div class="modal fade" id="addEvento<?= $i ?>" tableindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <?php echo $etc; ?>
}

您应该在 for 循环中包含模态,以便每个图像都有自己的模态,当您单击图像 1 时,模态 1 将打开..您甚至不需要为此使用 javascript。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-06
    • 1970-01-01
    • 2015-12-14
    相关资源
    最近更新 更多