
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
複数のセレクトボックスをJavaScriptで連動させる方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
複数のセレクトボックスをJavaScriptで連動させる方法 - Qiita
まずは以下画像の赤枠部分を見ていただきたいのですが、2つのセレクトボックスを連動させて、左のセレ... まずは以下画像の赤枠部分を見ていただきたいのですが、2つのセレクトボックスを連動させて、左のセレクトボックス(画像では「食材群」)で値を選ぶと、右のセレクトボックス(同「食材」)の選択肢が動的に変更されるような方法を調べました。 例えば、食材群で「野菜類」を選ぶと、食材の選択肢には野菜の仲間が表示されます。 また、食材群で「魚介類」を選ぶと、食材の選択肢には魚介の仲間が表示されます。 この機能は以下のコードで実現できます。 // 食材群選択 $(function(){ var $children_default = $('.children'); var original = $children_default.html(); $('.parent').change(function() { var $children = $("#children"); var val1 = $(this