--签出这张图片。
我希望当有人选择任何类别时,子类别将根据所选的特定类别显示选择。我正在学习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");
});
});
编辑:增加了返回类别的可能性