javascript - php循环值传递给javascript

Question

我正在使用 php 从 sql 获取数据我使用 javascript 作为从 sql 获取的每个数据的弹出模式。

我想将 php 中 while 循环内的值传递给 javascript 中的 var，以反射(reflect)在 mysql_fetch_array 中单击的内容。

这是我的代码:

php

我将第一个数据设为按钮(希望这会触发弹出模式)

['id'] 的名称是“fac01”和“fac02”。

function viewfac()
        {
            $query = "SELECT * FROM faculty";
            $result = mysql_query($query);
            echo "<table class='col-sm-6'>";
            while($row = mysql_fetch_array($result))
            {
                echo "<tr><td><button id='". $row['id'] ."'>" . $row['id'] . "</button></td><td>" . $row['lastname'] . ", " . $row['firstname'] . " " . $row['middlename'] . "</td></tr>";
                echo "</form>";     
            }   
            echo "</table>";

            echo "<script>
                </script>";

        }

JavaScript

            // Get the modal
            var modal = document.getElementById('myModal');

            // Get the button that opens the modal
            var btn = document.getElementById('fac01');

            // Get the <span> element that closes the modal
            var span = document.getElementsByClassName('close')[0];

            // When the user clicks on the button, open the modal 
            btn.onclick = function() {
                modal.style.display = 'block';
            }

            // When the user clicks on <span> (x), close the modal
            span.onclick = function() {
                modal.style.display = 'none';
            }

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

这是我的问题。它的工作原理是这样的，但正如我上面所说，我有 2 个数据 = fac01 和 fac02。但只有当我单击 fac01 时它才起作用，因为这就是它所说的。但我想根据上面的 php 更改 id。我想对 getElementById('< ? php ? >') 执行此 getElementById('fac01') 操作，但我无法在循环外部获取 $row['id'] 的值并传递到此处。

        // Get the button that opens the modal
        var btn = document.getElementById('fac01');

请帮助我。谢谢。

Answer 1

您可以尝试将变量echo到新脚本中，如下所示:

<?php echo "<script type='text/javascript'>var myVar = value; </script>"; ?>