Q&A
ご回答ありがとうございます。
CSSでできないとわかればJSでなんとかできるようにしてみます。
データベースの情報：
id,name,level,parent_id
10,レディース,1,-
11,メンズ,1,-
1010,トップス,2,10
1110,パンツ,2,11
101010,Tシャツ,3,1010
101011,ブラウス,3,1010
111010,ポロシャツ,3,1110
セレクトボックスを3つ用意し、1つ目のボックスが選択されたら
２つめのボックスの選択肢は１つめの子要素のみとなるようにしたいです。
同様に2つ目の要素が選択されたらその子要素が選択肢として3つ目のボックスに表示させます。
例えば、１つめレディースと選択されれば、
２つめのボックスはparent_idが10であるトップスが選択肢として表示される動きです。
※1つ目のボックスはlevelが1、2つ目はlevelが2の要素のみを表示します。
このような動きを、CSSで実現することは可能でしょうか？
JQueryなどを使う必要がありますか？
CSSで実現可能でしたら、方法をご教授いただきたいです。
回答2件
0
データベースがからむようでしたら
他の方のおすすめのJqueryとAjax(PHP+database)でサンプルをゲットしてください。
[jQuery+PHP] Ajax で連動プルダウンを作る方法と高速化
Lalabelとなるとまた少しニュアンスが異なりますが。
まずは、フレームワークを使いわない方法で理解されたほうがよいと思ったりします。
投稿2020/08/03 02:47
編集2020/08/03 02:49
総合スコア383
0
ベストアンサー
この動きはさすがにCSSでは実現できないと思います。
これだけのためだけであればjQueryは必須ではないと思いますが、
jQueryを使って書けば、ググった時に事例がたくさん見つかるのでおすすめです。
投稿2020/08/03 02:43
総合スコア2027
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/03 02:58
2020/08/03 03:02 編集
2020/08/03 03:42 編集
2020/08/03 03:56
2020/08/03 04:03 編集
2020/08/03 04:15
2020/08/03 04:17
2020/08/06 07:15