Question

在这个模态引导程序窗口中，我想传递显示在表中的php变量。

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<h4 style="text-align:center;color:green">Bienvedio $var1 var2 </h4>
</div>

包含显示数据的表

 <?php foreach($EMPLOYEES as $employee){?>
 <tr>
 <td><?=$employee->id_acd;?></td>
 <td><?=$employee->nombre;?></td>
 <td> <a data-toggle="modal" href="<?php echo site_url("navigation/description/".$employee->id_acd); ?>#myModal" class="btn btn-warning">
  <span class="fa fa-plus" aria-hidden="true"></span>
    </a></td>
 </tr>     
    <?php }?>

当我点击链接时会显示模态窗口，但我不知道如何传递变量。

Answer 1

你需要用javascript传递它们;

<table>
<tr>
 <td class="dataId">213</td>
 <td class="name">John Snow</td>
 <td> <a class="copyToModal" data-toggle="modal" href="#do">Copy data</a> 
 </tr>
 </table>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-sm">
<form id="userText" method="post">
<input type="text"  name="id_acd" id="id_acd" >
<input type="text"  name="nombre" id="nombre" >
</form>
</div>
</div>

和javascript代码：

$(".copyToModal").click(function (){
    var id_acd= $(this).closest("tr").find(".id_acd").text();
    var nombre= $(this).closest("tr").find(".nombre").text();

     $('#id_acd').val(id_acd);
    $('#nombre').val(nombre);
    })

完整示例：https://jsfiddle.net/vt88p9k8/9/

Answer 2

要远程加载数据，请将data-remote="http://example.com"属性添加到模态主元素：

<div class="modal fade" id="myModal" role="dialog" data-remote="http://example.com/load.php">
    <div class="modal-dialog modal-sm">
        <h4 style="text-align:center;color:green">Bienvedio $var1 var2 </h4>
    </div>
</div>

将php变量传递给模态

2 个答案: