Php / JQuery / Javascript - Select Parent child dependency -

- - check out image.

i want when selects category sub category displays choices based on particular category selected. i'm learning php/mysql know basics of javascript. can teach me in simple way how can done javascript or jquery?

categories , sub categories showing in dropdown showing sub-categories , categories.

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

thanks

categories & sub categories

men

• clothes
• shoes

women

• jewelry
• sarees
• shoes

kids

• toys
• clothes

books

• language
• fiction

what want - whenever chooses category men, 2 subcategories, clothes , shoes show up.

using jquery :

$(function(){     $(".category option").click(function(){         $(".category").parent().css("display", "none"); // targetting parent , hide         $(".subcategory").parent().css("display", "block"); // targetting parent , show     });     $(":not(.category option)").click(function(){         // if click on other thing category option show         $(".category").parent().css("display", "block");     }); }); 

edit : added possibility return category