select 要素の選択結果で別の select 要素の選択肢を絞り込む jQuery プラグイン "Select Narrowing Plugin"が便利!

 

js

親カテゴリのid="category"で

子カテゴリのid="food"を絞り込んでいます。

 

 

html

 

親カテゴリのid="category"で選択されたvalue値で

子のdata-category(data-親のID)と一致するものを絞り込み表示しています。

 

 

参考サイト:

 

category cloud