ASP.NET MVC 5 でドロップダウンリストを使用する – ViewModel 編

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace Tk2.MvcTips.Models
{
    // ドロップダウンリストの選択肢を表す ViewModel です。
    public class YearViewModel
    {
        // 選択肢の値をセットします。
        public int Value { get; set; }

        // 選択肢として表示するテキストを取得するためのプロパティ。
        // ここでは値に" 年"を足して、 "2016 年" と表示されるようにしています。
        public string DisplayText
        {
            get
            {
                return $"{this.Value} 年";
            }
        }
    }

    // ページに必要な情報を全て持つ ViewModel です。
    // View はこの ViewModel から値を取得するようにしています。
    public class DropDownListViewModel
    {
        // ドロップダウンリストで選択している値を取得または設定するためのプロパティです。
        [Required]
        [Display(Name = "年")]
        public int Year { get; set; }

        // ドロップダウンリストの選択肢をセットします。
        // ※ ViewBag で代用も可能。
        public IEnumerable<YearViewModel> YearOptions { get; set; }
    }
}

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Mvc;
using Tk2.MvcTips.Models;

namespace Tk2.MvcTips.Controllers
{
    public class DropDownListController : Controller
    {
        public ActionResult Create()
        {
            var vm = new DropDownListViewModel();

            // ここでビューモデルに選択肢をセットしています。
            vm.YearOptions = this.GetYearOptions();

            return View(vm);
        }

        [HttpPost]
        public ActionResult Create(DropDownListViewModel vm)
        {
            // もう一度ビューモデルに選択肢をセットしています。
            // Post されてこの箇所に来た時点で、
            // YearOptions プロパティは null になっているので、
            // 再度セットする必要があります。
            vm.YearOptions = this.GetYearOptions();

            return View(vm);
        }

        // 年の選択肢を取得するためのメソッドです。
        private IEnumerable<YearViewModel> GetYearOptions()
        {
            // 直近の 10 年を選択肢として取得する。
            return Enumerable
                .Range(DateTime.Now.Year - 9, 10)
                .Select(t => new YearViewModel() { Value = t });
        }
    }
}

@model Tk2.MvcTips.Models.DropDownListViewModel

@using (Html.BeginForm())
{
    <div class="form-horizontal">
        <h4>ドロップダウンリスト - ViewModel 編</h4>
        <hr />
        <div class="form-group">
            @Html.LabelFor(model => model.Year, htmlAttributes: new { @class = "control-label col-sm-2" })
            <div class="col-sm-10">

                @Html.DropDownListFor(
                    model => model.Year,
                    new SelectList(Model.YearOptions, "Value", "DisplayText"),
                    "年を選択",
                    new { @class = "form-control" })

                @Html.ValidationMessageFor(model => model.Year, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}