Html.DropDownList()の使い方

1年 ago
結衣, 春花
1 minute

Html.DropDownList()は、ASP.NET MVCフレームワークのHTMLヘルパーメソッドであり、ドロップダウンリスト（DropDownList）のHTMLコードを生成するために使用されます。

文法:

public static MvcHtmlString DropDownList(this HtmlHelper htmlHelper, string name, IEnumerable<SelectListItem> selectList, string optionLabel, object htmlAttributes)

パラメーターの説明：

  1. htmlHelper：現在のHTMLヘルパーオブジェクトを表示します。
  2. 名前：ドロップダウンリストの名前であり、バックエンドモデルのバインディング属性名でもあります。
  3. selectListは、IEnumerable型で、選択肢のコレクションを表示します。ここで、SelectListItemは各選択肢を表します。
  4. optionLabel：デフォルトの選択肢をドロップダウンリストに表示し、空の文字列またはnullにすることができます。
  5. htmlAttributesは、ドロップダウンリストに指定されたHTML属性を表します。これには、HTML属性名とその値を含めることができます。

例えば:

  1. ビューでシンプルなドロップダウンリストを生成する。
@Html.DropDownList("Country", ViewBag.CountryList as SelectList)
  1. 国名：ドロップダウンリストの名前であり、バックエンドモデルで対応する属性名でもあります。
  2. ViewBag.CountryListは、ドロップダウンリストの選択肢を含むコレクションです。
  1. デフォルトオプションを持つドロップダウンリストをビュー内で生成します。
@Html.DropDownList("Country", ViewBag.CountryList as SelectList, "Select a Country")
  1. 国を選択してください：デフォルトで表示されるテキスト。
  1. HTML属性を持つドロップダウンリストをビューに生成する：
@Html.DropDownList("Country", ViewBag.CountryList as SelectList, new { @class = "form-control", onchange = "countryChanged()" })
  1. 新しい { @class = “form-control”, onchange = “countryChanged()” }：HTML属性としてclassとonchangeが指定されました。
  1. 後ろ向きコントローラーでドロップダウンリストの選択肢のコレクションを提供します。
ViewBag.CountryList = new SelectList(new List<string> { "USA", "Canada", "UK", "Australia" });
  1. ViewBagを使用して、オプションのコレクションをビューに渡す。

Html.DropDownList()メソッドの基本的な使い方は以上です。必要に応じてパラメーターを調整や拡張することができます。

bannerAds