php - 如何使用 PHP 和 CSS 在选择下拉菜单中缩进文本？ [释义]

Question

我之前问过类似的问题，但我会以不同的方式再问一遍。如何使用 PHP 和 CSS 缩进选择下拉菜单中的类别和无穷无尽的子类别？

这是我的 PHP 代码。

while (list($id, $parent_id, $category) = mysqli_fetch_array($r, MYSQLI_NUM)) {

    // Add to the select menu:
    echo '<option value="' . $id . '">' . $category . '</option>\n';

}  

这是输出。

   1. Apple
   2. Arts & Entertainment
         1. Amusement
         2. Art
         3. Artists
               1. A
                     1. a1
                     2. a2
               2. B
               3. C
               4. D
   3. Automotive
   4. Network
   5. Server
   6. Web Design
         1. CSS
         2. HTML

数字只是为了更容易地查看类别和子类别。

Answer 1

过去，我通过在每个嵌套选项的内容前添加   来完成此操作。

$spacer = '  ';

while (list($id, $parent_id, $category) = mysqli_fetch_array($r, MYSQLI_NUM)) {

    $padding = str_repeat($spacer, $depth);

    // Add to the select menu:
    echo '<option value="' . $id . '">' . $padding . $category . '</option>\n';

}  

$depth 表示选项应缩进的“步骤”。

我实现这一点的方法是首先将我的选项放入一个多维数组中，其中子项存储为他们父项的数组...

像这样:

Array( 
     1 => Array( 
          'name' => 'Apple'
          ),
     2 => 'Arts & Entertainment',
          'children' => Array(
               1 => Array(
                    'name' => 'Amusement'
                    ),
               2 => Array(
                    'name' => 'Art'
                    ),
               3 => Array(
                    'name' => 'Artists'
                    'children' => Array(
                         1 => Array(
                              'name' => 'A',
                              'children' => Array(
                                   1 => Array(
                                         'name' => 'a1'
                                    )
                              )
                         )
                    )
               )
          )
     )
 )

然后我使用递归函数遍历数组，该函数进入每个嵌套数组(如果存在)并将 $padding 附加到 'name' 值，换行它周围的选项标签然后返回它。返回的字符串附加到所有先前调用的返回值中，您将看到一个缩进的选项菜单。魔法。