在下拉菜單中顯示類別和子類別

Question

我試圖在下拉菜單中顯示類別和子類別，而我有以下內容：

<?php


              $cat_query = "SELECT * FROM `categories`";
              $select_categories = mysqli_query($connection, $cat_query);
              while ($cat = mysqli_fetch_array($select_categories)) {

                $cat_id = $cat['cat_id'];
                $cat_title = $cat['cat_title'];

                 echo "<li>";
                 echo "<a href='#'>$cat_title <span class='caret'></span></a>";

                 $sub_query = "SELECT * FROM `sub_categories` WHERE `cat_id` = $cat_id";
                 $select_sub_categories = mysqli_query($connection, $sub_query);

                 while ($sub = mysqli_fetch_array($select_sub_categories)) {

                  $subcat_id = $sub['subcat_id'];
                  $subcat_title = $sub['subcat_title'];
                  echo "<ul class='dropdown-menu'><li>";
                  echo "<a href='#'>$subcat_title</a></li>";
                  echo "</ul>";
                }

                  echo "</li>";

               }

          ?>

它實際上是從數據庫中獲取類別，但顯示不正確。

在桌面版本上，它顯示如下： Desktop View

在移動版本上，它顯示如下： Mobile View

我做錯什么了嗎？ 任何幫助將不勝感激。 謝謝

Answer 1

由於您未提供css，javascript或某些html代碼，因此我認為問題出在此php塊中

while ($sub = mysqli_fetch_array($select_sub_categories)) {

              $subcat_id = $sub['subcat_id'];
              $subcat_title = $sub['subcat_title'];
              echo "<ul class='dropdown-menu'><li>";
              echo "<a href='#'>$subcat_title</a></li>";
              echo "</ul>";
            }

從此代碼塊中，您似乎正在創建一個下拉菜單列表，所以也許應該

echo "<ul class='dropdown-menu'>";
while ($sub = mysqli_fetch_array($select_sub_categories)) {

              $subcat_id = $sub['subcat_id'];
              $subcat_title = $sub['subcat_title'];
              echo "<li><a href='#'>$subcat_title</a></li>";
 }
echo "</ul>";

如果這不起作用，則應再次檢查javascript，css，html代碼。 因為我不知道你的設計方案