간단한 HTML 쓰는 법Drop Down List For()?

간단한 HTML 쓰는 법Drop Down List For()?

ASP.NET MVC 2에서 정적 옵션을 제공하는 매우 간단한 드롭다운 목록을 작성하려고 합니다.예를 들어 "빨간색", "파란색", "녹색" 중에서 선택할 수 있습니다.

이 MSDN 문서 및 스택오버플로우의 사용 예를 참조해 주세요.

예를 들어 다음과 같은 Linq/POCO 클래스가 있다고 가정합니다.

public class Color
{
    public int ColorId { get; set; }
    public string Name { get; set; }
}

예를 들어 다음과 같은 모델이 있다고 가정합니다.

public class PageModel 
{
   public int MyColorId { get; set; }
}

마지막으로 다음과 같은 색상 목록이 있다고 가정해 보겠습니다.Link 쿼리, 정적 목록 등에서 가져올 수 있습니다.

public static IEnumerable<Color> Colors = new List<Color> { 
    new Color {
        ColorId = 1,
        Name = "Red"
    },
    new Color {
        ColorId = 2,
        Name = "Blue"
    }
};

뷰에서 다음과 같은 드롭다운 목록을 만들 수 있습니다.

<%= Html.DropDownListFor(n => n.MyColorId, 
                         new SelectList(Colors, "ColorId", "Name")) %>

<%: 
     Html.DropDownListFor(
           model => model.Color, 
           new SelectList(
                  new List<Object>{ 
                       new { value = 0 , text = "Red"  },
                       new { value = 1 , text = "Blue" },
                       new { value = 2 , text = "Green"}
                    },
                  "value",
                  "text",
                   Model.Color
           )
        )
%>

아니면 수업을 쓰지 않고 바로 뷰에 넣을 수도 있습니다.

모델의 사전에서 시작하여 과도한 손가락질을 피합니다.

namespace EzPL8.Models
{
    public class MyEggs
    {
        public Dictionary<int, string> Egg { get; set; }

        public MyEggs()
        {
            Egg = new Dictionary<int, string>()
            {
                { 0, "No Preference"},
                { 1, "I hate eggs"},
                { 2, "Over Easy"},
                { 3, "Sunny Side Up"},
                { 4, "Scrambled"},
                { 5, "Hard Boiled"},
                { 6, "Eggs Benedict"}
            };

    }


    }

보기에서는 표시할 목록으로 변환

@Html.DropDownListFor(m => m.Egg.Keys,
                         new SelectList(
                             Model.Egg, 
                             "Key", 
                             "Value"))

안녕하세요, 한 프로젝트에서 이 작업을 수행한 방법은 다음과 같습니다.

     @Html.DropDownListFor(model => model.MyOption,                
                  new List<SelectListItem> { 
                       new SelectListItem { Value = "0" , Text = "Option A" },
                       new SelectListItem { Value = "1" , Text = "Option B" },
                       new SelectListItem { Value = "2" , Text = "Option C" }
                    },
                  new { @class="myselect"})

도움이 됐으면 좋겠네요감사해요.

또는 데이터베이스 컨텍스트에서 사용할 수 있는 경우

@Html.DropDownListFor(model => model.MyOption, db.MyOptions.Select(x => new SelectListItem { Text = x.Name, Value = x.Id.ToString() }))

"하나의 아이템을 선택해 주세요"와 함께

@Html.DropDownListFor(model => model.ContentManagement_Send_Section,
  new List<SelectListItem> { new SelectListItem { Value = "0", Text = "Plese Select one Item" } }
    .Concat(db.NameOfPaperSections.Select(x => new SelectListItem { Text = x.NameOfPaperSection, Value = x.PaperSectionID.ToString() })),
  new { @class = "myselect" })  

코드에서 파생된 코드:마스터 프로그래머 & Joel Wahlund;
킹 레퍼런스 : https://stackoverflow.com/a/1528193/1395101JaredPar ;

마스터 프로그래머 & Joel Wahlund & JaredPar에게 감사드립니다.

행운을 빌어요, 친구들.

@using (Html.BeginForm()) {
    <p>Do you like pizza?
        @Html.DropDownListFor(x => x.likesPizza, new[] {
            new SelectListItem() {Text = "Yes", Value = bool.TrueString},
            new SelectListItem() {Text = "No", Value = bool.FalseString}
        }, "Choose an option") 
    </p>
    <input type = "submit" value = "Submit my answer" />
} 

이 답변은 DropDownList의 모든 코드를 뷰에 직접 넣는다는 점에서 Berat의 답변과 비슷하다고 생각합니다.그러나 이것은 y/n(부울) 드롭 다운 리스트를 작성하는 효율적인 방법이라고 생각하기 때문에 공유하려고 합니다.

초보자용 주의사항:

• 'x'가 무엇인지는 걱정하지 마세요.-MVC 앱의 다른 어떤 곳과도 링크되지 않기 때문에 원하는 이름으로 부를 수 있습니다. - 'x', '모델', 'm' 등입니다.
• 드롭다운 목록에 표시되는 플레이스홀더는 "선택사항 선택"이므로 원하는 경우 변경할 수 있습니다.
• 드롭 다운 앞에 약간의 텍스트가 있는데, "피자 좋아하세요?"라고 적혀 있습니다.
• 이것은 제출 버튼을 포함한 양식에 대한 완전한 텍스트여야 합니다.

이게 도움이 됐으면 좋겠는데

언급URL : https://stackoverflow.com/questions/3057873/how-to-write-a-simple-html-dropdownlistfor