Question

我有一个代码，如果任何一个单击锚标记然后弹出一个弹出窗口。它正常工作。

但是我想要一些变量，点击锚标签后弹出窗口。

我的PHP代码是：

<?php
 include("connection.php");
  $query=mysql_query("select * from tenant where email1='$username'") or die(mysql_error());
 while($result=mysql_fetch_array($query))
 {
 extract($result);
 ?>
 <a onClick="document.getElementById('id01').style.display='block'" style="width:auto;"><?php echo $first_name.' '.$last_name; ?></a>?>
 <?php } ?>

在PHP代码中，一些变量应该通过onClick传递。通过它，在弹出窗口中，我可以从表中选取相关选定变量的数据。

我的弹出窗口是：

   <div id="id01" class="modal">

     <form class="modal-content animate" action="xyz.php">
     <div class="imgcontainer">
  <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">&times;</span>

    </div>

     <div class="container">

       <div>Content</div>

     </div>
    </form>
   </div>

Javascript代码：

 <script>
 // Get the modal
 var modal = document.getElementById('id01');

 // When the user clicks anywhere outside of the modal, close it
 window.onclick = function(event) {
if (event.target == modal) {
    modal.style.display = "none";
 }
 }
  </script>

请帮忙。谢谢。

Answer 1

如果我没有正确理解你，其中一个解决方案就是创建一个JavaScript函数，并通过传递这样的参数从PHP页面调用它：

PHP代码：

<?php
include("connection.php");
$query=mysql_query("select * from tenant where email1='$username'") or die(mysql_error());

while($result=mysql_fetch_array($query))
{
  extract($result);
?>
<a href="#" onClick="doSomething('<?php echo $zip_code; ?>')" style="width:auto;"><?php echo $first_name.' '.$last_name; ?></a>?>
<?php
}
?>

JavaScript代码：

您现在可以使用 arg 参数来根据需要获取数据。

<script>
    function doSomething(arg) {

        var modal = document.getElementById('id01');

        modal.style.display = 'block';
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {

        if (event.target == modal) {
            modal.style.display = "none";
        }
    }

可以找到有关功能的更多信息Here

注意： 请PDO和Prepared Statements而不是 mysql _ * 函数

在getElementById函数中传递两个变量

1 个答案: