###前提・実現したいこと
Webサイトの地域検索機能についての質問です。
日本全国にある、あるジャンルのお店の情報を、選択した地域のものだけ表示させるようにしたいと考えています。
そこで、HTMLには以下のようなプルダウンを設置しました。
###プルダウンのソースコード
HTML
1<FORM name="form"> 2<SELECT NAME="select"> 3<option SELECTED> ▼ 地域を選択 </option> 4<option value="hokkaido">北海道</option> 5<option value="aomori">青森県</option> 6<option value="iwate">岩手県</option> 7・ 8・ 9・ 10</SELECT> 11<INPUT type="button" onclick="if(document.form.select.value){location.href=document.form.select.value;}" value="検索"> 12</FORM>
途中省略しましたが、47都道府県分です。
始め47つの固定ページを作り、そのリンクをvalueに設定することで実現しようと思っていましたが、あまり内容のないコンテンツをたくさん作りたくないので、他の方法を考えています。
※地域分のタグを作り、そのタグページを表示するというものも、同じ理由でNGとします。
そこで次に考えたのが、店舗ごとの情報をカード状にまとめ、id属性をつけて、そのidとプルダウンのvalueがイコールの時だけカードを並べて表示するような処理ができないかと考えました。
カードの例は下のような感じです。
###プルダウンのソースコード
HTML
1<div class="area-card" id="hokkaido"> 2<img href="#" /> 3〇〇 北海道店 4住所:△△ 5電話:000-000-0000 6</div>
表示する場所については、同一ページ内のプルダウンの下がベストですが、難しければ他の専用ページへの表示でも構いません。
プログラミング初心者なのでできるかどうか、またできるとしたらどのような記述が必要なのかがわからず困っています。
PHPでできるのか、javascriptを使わなければできないのかも分かりません。
どなたか分かりやすく教えていただけると幸いです。
###補足情報(言語/FW/ツール等のバージョンなど)
WordPress:バージョン4.9
サーバー:Xserver
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/17 06:43
2017/11/17 07:17
2017/11/17 09:42
2017/11/17 12:28
2017/11/17 13:35
2017/11/17 13:38
2017/11/17 13:43