php循环值传递给javascript

时间:2016-09-04 12:33:55

标签: javascript php html

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

我希望将php中的循环内部的值传递给javascript中的var,以反映在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 DATA = fac01和fac02。但它只有当我点击fac01因为它说的时候才有效。但我想根据上面的PHP更改ID。我想把getElementById('fac01')做到getElementById('&lt;?php?&gt;'),但我不能在循环外得到$ row ['id']的值并传到这里。

        // Get the button that opens the modal
        var btn = document.getElementById('fac01');
请帮助我。感谢。

1 个答案:

答案 0 :(得分:0)

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

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