Question

我有三个选择标签（1）类别，（2）子类别，（3）产品描述，我想用数据库中的数据填充它。但我想要的是当我选择例如。子类别中类别的办公用品仅显示例如。圆珠笔，尺子，笔记本以及当我选择例如。产品描述上的圆珠笔仅显示圆珠笔的描述。顺便说一下，我创建了一些由PHP制作的代码，但它只填充了select标签。我希望有人会帮助我。这是为了论文。：）

<html>
<head>
<title>Test Select</title>
</head>

<body>

<?php 
$query = "SELECT DISTINCT(`product_cate`) FROM `tbl_product` ";
$result =  mysql_query($query);

?>

Category:
 <select id="select1">

 <option></option>
 <?php while($data = mysql_fetch_array($result)){
$displayData = $data['product_cate'];
 ?>
 <option value="<?php echo $displayData;?>"><?php echo $displayData; ?></option>

 <?php } ?>
 </select>

 <?php

$query2 = "SELECT DISTINCT(`product_sub`) FROM `tbl_product`";
$result2 = mysql_query($query2);
 ?>

 Sub Category:
 <select id="select2">

<option></option>
<?php while($data2 = mysql_fetch_array($result2)){
    $displayData2 = $data2['product_sub'];
?>
<option value="<?php echo $displayData2;?>"><?php echo $displayData2;?></option>

<?php }?>
  </select>

  <?php 
$query3 = "SELECT DISTINCT(`product_desc`) FROM `tbl_product`";
$result3 = mysql_query($query3);
  ?>
  Product Description:
  <select id="select3">

<option></option>
<?php while($data3 = mysql_fetch_array($result3)){
    $displayData3 = $data3['product_desc'];
?>
<option value="<?php echo $displayData3;?>"><?php echo $displayData3;?></option>

<?php }?>
  </select>

  </body>
  </html>

Answer 1

采用路径的一般指南是使用jquery。基本上会发生的是你将加载第一个选择即类别。当用户选择一个类别时，更改应该启动一个ajax调用来查询数据库并从发布的类别ID中获取子目录。该调用将子类别作为json返回，您将放入选择框中。同样的产品描述计划

这可以作为一个起点并从那里开始跟进：

jQuery dropdown dependent

这里有很多类似的问题

Answer 2

您只需将选项与其他属性相关联，例如：

<select class="cat"><option>Category<option><select>
<select class="sub_cat"><option data-cat="Category">Sub-Category<option><select>

之后，使用javascript可以隐藏不需要的类别（使用jquery）：

$('.cat').change(function() {
   $('.sub_cat option:not([data-cat="Category"])').hide();
});

从数据库中获取数据并放入SELECT TAG

2 个答案: