使用Javascript / PHP / HTML / SQL显示结果和“更多结果”，但不起作用

Question

我有一个显示汽车信息的网站。 “信息”（Make，Model等），我目前有一个单独的按钮“显示更多信息”（Mileage，BHP等）。 当前要做的就是从数据库中获取信息，然后单击“显示更多信息”时，它会隐藏第一个选项卡，仅显示第二个选项卡。

它是一个简单的toggle_visibility功能，当单击列表2时，它仅隐藏列表1。 但是，现在，我想在每辆车旁边都显示“显示更多信息”按钮。 例如。 保时捷卡雷拉（Porsche Carrera）-“显示更多信息”，然后在同一页面上动态显示下面的框，其中显示了里程等等。 然后，当我单击另一个按钮时，它将第一个隐藏并显示。

当前代码：

<?php

$sql = "SELECT * from Cars";
$result = mysql_query ($sql);
while ($result = mysql_fetch_array ($result))
    {
        $display = "<p>";
        $display.= $result["makeID"] . "&nbsp;";
        $display.= $result["modelID"] . "&nbsp;";
        $display.= "<a href = '#'>Show more information</a>";
        $display.= "</p>";
        echo ($display);
    }
?>

ahref＃是：

    <a href="#" onclick="toggle_visibility('list2');">
    </a>
    <div id="list2" class="alist" style="display:none;">

<?php

$sql = "SELECT * from Cars";
$result = mysql_query ($sql);
while ($result = mysql_fetch_array ($result))
    {
        $display = "<p>";
        $display.=$result["makeID"];
        $display.= $result["modelID"];
        $display.= "</p>";
        echo ($display);
    }
?>

有什么帮助吗？

编辑 -包括JavaScript。

<script type="text/javascript">

function toggle_visibility(id) {
        var thelist = document.getElementsByClassName("alist");
        for (var i = 0; i < thelist.length; i++) {
            thelist[i].style.display = 'none';
        }
        var e = document.getElementById(id);
        if(e.style.display == 'block') {
            e.style.display = 'none';
        } else {
            e.style.display = 'block';
        }
    }
//]]>  

</script>

Answer 1

创建一个单独的php页面，从数据库返回结果，然后使用jquery进行POST或GET请求。