システムで連動プルダウンを使いたくなって、色々調べたので覚え書きを。
親カテゴリを選ぶと、対応した子カテゴリを表示し、さらに子カテゴリを選ぶと孫カテゴリが・・・
という風なプルダウン。
連動プルダウンのJavaScriptはいろいろあるようですが、個人的に使いやすそうな
ConnectedSelect.jsを使用します。
こちらのサイトを参考にさせていただきました。
使い方
jQueryとファイルの組込み
プルダウンメニューを作成
親カテゴリのoption valueと、子カテゴリのoptgroupのlabelを対応させておきます。
連動プルダウン初期化
サンプルは
こちら
valueとlabelを対応させるだけなので、DBとの連携も楽ですねー
おわり。
PR