Razor Html.DropDownListFor()에서 페이지 로드 시 기본 선택 옵션 지정하는 방법

Razor의 Html.DropDownListFor() 헬퍼에서 페이지가 로드될 때 어떤 옵션이 기본으로 선택되도록 하려면, SelectListItem의 Selected 속성에 조건식(불리언 값)을 지정하면 됩니다. 이 방식을 활용하면 모델(Model)의 값에 따라 드롭다운 목록의 초기 선택 항목을 동적으로 결정할 수 있습니다.

아래 코드 예제를 직접 실행해 보세요.

// 불리언(Boolean) 값을 반환하여 선택 여부 결정
@Html.DropDownListFor(m => m.Valeur,
new List<SelectListItem> { // 새 리스트 아이템 생성, item1이 기본 선택됨
new SelectListItem { Value = "0", Text = "Show", Selected = Model.Valeur == 0 },
new SelectListItem { Value = "1", Text = "Hide", Selected = Model.Valeur != 0 },
}, new { @class = "selectnew" })

동작 원리

위 예제에서 각 항목의 Selected 속성은 Model.Valeur 값과 비교한 결과인 참(true) 또는 거짓(false)을 받습니다. 만약 Model.Valeur가 0이면 "Show" 옵션이 선택된 상태로 렌더링되고, 0이 아니라면 "Hide" 옵션이 자동으로 선택됩니다.

이처럼 Selected 속성에 고정값 대신 조건식을 넣으면, 별도의 JavaScript 없이도 서버 측에서 페이지 로드 시점의 기본 선택 옵션을 깔끔하게 제어할 수 있습니다.