WaterFalls https://blog.hatena.ne.jp/WaterFalls/ １分技術ブログ https://waterfalls.hatenablog.com/ Javascript jQuery 概要 select要素のセレクトボックスで階層化されたメインカテゴリーを選択すると 関連したサブカテゴリーに表示を連動させる。 ①サブカテゴリーの初期表示は未選択状態を示すoption要素のみを表示 ②メインカテゴリーで項目を選択する ③サブカテゴリーは連動した未選択状態項目と連動した項目のみが表示される コード ■html <div class="col-md-4"> <select id="maincategory" name="maincategory"> <option value="">----------------------------------</option> <opti… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwaterfalls.hatenablog.com%2Fentry%2F2019%2F06%2F09%2F234911" title=" [Javascript][jQuery] セレクトボックス　メインカテゴリーとサブカテゴリーを連動させる - １分技術ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/W/WaterFalls/20190609/20190609234042.png Hatena Blog https://hatena.blog 2019-06-09 23:49:11 rich https://waterfalls.hatenablog.com/entry/2019/06/09/234911 1.0 100%