--签出这张图片。

我希望当有人选择任何类别时,子类别将根据所选的特定类别显示选择。我正在学习PHP / MySQL,但我了解Javascript的基础知识。有谁能简单地教我如何使用JavaScript或JQuery完成它?

类别和子类别在下拉列表中完美显示,但显示所有子类别和类别。

<div>
  <label>Category</label>
  <select name="category">
    <option value="0" disabled selected>Select Category</option>
    <?php
    $cdata = $dbobj->getCategories(0);
    while($crow = mysql_fetch_array($cdata)){?>
    <option value="<?php echo $crow["categoryid"]; ?>"><?php echo $crow["category_name"]; ?></option>
    <?php } ?>
  </select>
</div>
<div>
  <label>Sub Category</label>
  <select name="subcategory">
    <option value="0" disabled selected>Select Category</option>
    <?php
    $scdata = $dbobj->getSubCategories(0);
    while($scrow = mysql_fetch_array($scdata)){?>
    <option value="<?php echo $scrow["subcategoryid"]; ?>"><?php echo $scrow["subcategory_name"]; ?></option>
    <?php } ?>
  </select>
</div>


谢谢


  分类和子分类


男装


衣服
鞋类


女装


首饰
莎丽丝
鞋类


孩子们


玩具
衣服


图书


语言
小说


我想要的是-每当有人选择类别“男人”时,只有两个子类别:“衣服”和“鞋子”出现。

最佳答案

使用JQuery:

$(function(){
    $(".category option").click(function(){
        $(".category").parent().css("display", "none"); // Targetting the parent and hide
        $(".subcategory").parent().css("display", "block"); // Targetting the parent and show
    });
    $(":not(.category option)").click(function(){
        // If click on other thing than category option then show
        $(".category").parent().css("display", "block");
    });
});


编辑:增加了返回类别的可能性

07-24 09:37
查看更多