質問: みなさんこんばんわ。 プログラミング初心者のものです。 よろしくお願いいたします。 セレクトボックスについてお聞きしたいです。 ### ソースコード ``` ジャンル検索 AAA BBB CCC DDD EEE ``` 以上のhtmlの場合で、セレクトボックスのジャンルを選んだ際、それぞれ遷移した画面でそれぞれのジャンル名がセレクトボックス内に表示されるようにするには、どうしたらよいのでしょうか? 例えば、[AAA]を選んで/top/genre/aaaのページに飛んだ際は、セレクトボックスの中の表示は[AAA]に、 [BBB]を選んで/top/genre/bbbのページに飛んだ際は、セレクトボックスの中の表示は[BBB]に、 といった具合です。 CSSのみでできるのでしょうか? わかる方教えていただけたら嬉しいです。 よろしくお願いいたします。 もし情報が足らないなどの場合は、コメント欄にコメントをいただけたら幸いです。
回答: selectedを付与すれば選択した状態になります。 ``` AAA ``` CSSのみで実現するのは厳しいと思うのでJavascriptでHTMLをいじることになると思います。 (見た目のみ選択されている風でいいのであればCSSのみでいけると思います) Javascriptでやるならば、遷移先のURLとoptionのvalueを比べて一致したものにselectedを付与するみたいな感じになるかと。