Web ページを作成するときに、分類された情報が多い場合は、ドロップダウン リストで階層的に表示することもでき、ユーザーにとってより明確な表示オプションになります。次の例では、ドロップダウン リストのオプションが階層的に表示されていることがわかります。プログラムの実行結果を図に示します。
この例では主に optgroupp タグを適用し、その labelattribute を設定します。 optgroup タグは、主に select 要素内のオプションを論理的にグループ化するために使用されます。optgroup タグで指定されたテキストは、通常、テキスト フィールドを置き換えることによって区別できます。
階層型ドロップダウン リストを実装するキー コードは次のとおりです:
以上がHTML の階層ドロップダウン リスト