Q&A
例えば青森県には、10の市と22の町、8の村の計40市町村があるようですが、そのデータをどう持って、どのように表示したいのでしょうか？
前提
上記のリンク先から標準地域コードの全国CSVをインポートし
47都道府県を階層別に表示を行いたいです。
CSVを加工して保存しております
実現したいこと
上記の写真が現在の画面となっております。
例えば青森のチェックボックスを押下した際(cssの影響でチェックボックスが消えております)に青森内の市区町村を表示するようにしたいです。
発生している問題・エラーメッセージ
該当の都道府県を押下した際に市区町村を表示させたいのですがロジックが思い浮かびません。
該当のソースコードからアドバイスをいただきたいです。
該当のソースコード
コントローラー
$prefCities = PrefCity::all(); ←市区町村CSVインポートデータ $scenes = SceneType::asSelectArray(); ←Enum $payments = PaymentType::asSelectArray(); ←Enum $prefecture = PrefectureType::asSelectArray(); ←Enum return view('admin.contents.edit', [ 'request' => $request, 'partner' => $partner, 'prefCities' => $prefCities, 'scenes' => $scenes, 'payments' => $payments, 'prefecture' => $prefecture ]);
view
<tr> <th>エリア</th> <td> @foreach($prefCities as $prefCity) <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="hokkaido" ><label>北海道すべて</label></div> @if ($prefCity->prefecture_code == '1') @foreach (App\Enums\PrefectureType::hokkaido() as $key => $value) <span class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></span> @endforeach @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="tohoku" ><label>東北すべて</label></div> @if(App\Enums\PrefectureType::tohoku() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="kanto" ><label>関東すべて</label></div> @if(App\Enums\PrefectureType::kanto() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="hokuriku" ><label>北陸すべて</label></div> @if (App\Enums\PrefectureType::hokuriku() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="tokai" ><label>東海すべて</label></div> @if(App\Enums\PrefectureType::tokai() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="kinki" ><label>近畿すべて</label></div> @if(App\Enums\PrefectureType::kinki() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="tyugoku" ><label>中国すべて</label></div> @if(App\Enums\PrefectureType::tyugoku() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="sikoku" ><label>四国すべて</label></div> @if(App\Enums\PrefectureType::shikoku() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="kyushu" ><label>九州すべて</label></div> @if(App\Enums\PrefectureType::kyushu() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> <div class="c-table02__row"> <div class="u-flex"> <div class="a-form02--check01"><input type="checkbox" name="okinawa" ><label>沖縄すべて</label></div> @if(App\Enums\PrefectureType::okinawa() as $key => $value) <div class="a-form02--check01"><input type="checkbox" value="{{ $key }}" name="{{ $key }}" ><label>{{ $value }}</label></div> @endif </div> </div> @endforeach </td> </tr>
enumに地方別のに県名を記述
public static function hokkaido() { return ['1' => '北海道']; } public static function tohoku() { return ['2' => '青森県', '3' => '岩手県', '4' => '宮城県', '5' => '秋田県', '6' => '山形県', '7' => '福島県']; }
>例えば青森県には、10の市と22の町、8の村の計40市町村があるようですが
計40件の市町村を青森県直下に表示します。
流れは47都道府県の全市区町村データをコレクションで取得し全市区町村データ(約2000件)を
foreachでチェックボックスで表示します(都道府県は表示、市区町村はhiddenをつけて表示しない)。
該当の都道府県を選択した際、選択した都道府県に紐づいてある市区町村を表示する想定です
回答1件
0
こちらのブログにサンプルコードなど書いてありました。
投稿2023/02/04 00:07
総合スコア241
あなたの回答
tips
プレビュー
