[ASP.NET MVC6] コンボボックスの HtmlHelper の作り方(HTML5 の datalist 要素を使用)

C#

スポンサーリンク


コンボボックスとは、テキスト入力できるドロップダウンリスト(プルダウンメニュー)のことである。
今回は、HTML5 の datalist 要素を使用して、コンボボックス用の HtmlHelper を作成する。

(1) HtmlHelper の作成

(2) View へのリストの渡し方

Controller 上で View を呼び出す前に ViewBag にセットする方法が簡単。

(3) View での使用方法

他の HtmlHelper と同じように呼べる。
忘れずに、@using Hoge.Helpers とすること。

(4) 実行結果

以上

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です