我在MySQL中有两个表,categories
和subcategories
,我用它们来填充下拉列表。
我想要的安排是这样的;如果选择特定类别,则下拉项目应根据主要类别
问题:选择类别时,下拉项目是相同的 像这样对所有父类别
这是我用来从数据库中获取类别的方法
public function get_categories($category_table)
{
// PURPOSE: get categories from the database
$sql = "SELECT * FROM $category_table";
$conn = $this->mysql_conn;
$result = $conn->query($sql);
while ($row = $result->fetch_assoc()) {
// var_dump($row['category_name']);
$html = '<a href="#" class="dropdown-toggle list-group-item" data-toggle="dropdown">' . $row["category_name"] . '<span class="caret"></span></a>
<ul class="dropdown-menu">';
//PURPOSE: get subcategories from database and pass it to the get_categories method
$subsql = "SELECT subcategory_name FROM subcategories WHERE category_id={$row['id']}";
$conn = $this->mysql_conn;
$subresult = $conn->query($subsql);
while ($subrow = $subresult->fetch_assoc()) {
// extract($subresult);
// echo $subrow['subcategory_name'] . "<br>";
$subcat_name = array();
$subcat_name = $subrow['subcategory_name'];
// var_dump($subrow);
$html .= '<li><a href="#">' . $subcat_name . '</a></li>';
}
$html .= '</ul>';
echo $html;
}
}
这是我插入此方法的html
<div class="dropdown list-group">
<a href="#" class="list-group-item">Latest Products</a>
<?php $store->get_categories('categories'); ?>
</div>
答案 0 :(得分:0)
您使用的列表就像下拉列表一样。这将需要一些花哨的JavaScript和CSS。您使用哪个库(如果有)来实现自动化。
我使用bootstrap Bootstrap dropdown documentation