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

【问题标题】：Get data from database and put in SELECT TAG从数据库中获取数据并放入 SELECT TAG
【发布时间】：2013-10-10 07:53:07
【问题描述】：

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

<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>

【问题讨论】：

你为什么不帮我？请。 :)
我认为你正在尝试做这样的事情：yourinspirationweb.com/en/… 你可能想利用 jQuery 创建一个“链式”选择/下拉菜单。
感谢@Maximus2012 的链接！这就是我正在寻找的。 :*

标签： php mysql select

【解决方案1】：

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

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

jQuery dropdown dependent

这里有很多类似的问题

【讨论】：

【解决方案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();
});

【讨论】：

感谢您的帮助。 :D