Home / Questions / 60522
Accepted
ByGroxD
Asked: 2020-04-05 13:47:06 +0800 CST 2020-04-05 13:47:06 +0800 CST

Static SelectList (DropDown) using ASP.Net MVC 5

  • 772

I need to do this select:

<select class="form-control">
    <option>ESPOSO(A)</option>
    <option>HIJO(A)</option>
    <option>CONYUGUE</option>
    <option>ACUDIENTE</option>
</select>

But I don't know how to do it in Razor, I was looking at some posts and articles but it only shows how to dynamically load them with data from the database, and I only need that static data, but I don't give how.

My Controller:

// GET: Families/Create
public ActionResult Create()
{
    return View();
}

My View:

@model OldMutual.Models.Families

@{
    ViewBag.Title = "Create";
}

<h2>Create</h2>


@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Families</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.documento_identidad, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.documento_identidad, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.documento_identidad, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.parentesco, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.parentesco, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.parentesco, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.names, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.names, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.names, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.fecha_nacimiento, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.fecha_nacimiento, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.fecha_nacimiento, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.sexo, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.sexo, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.sexo, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.celular, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.celular, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.celular, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.telefono, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.telefono, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.telefono, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.codigo_colaborador, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.codigo_colaborador, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.codigo_colaborador, "", new { @class = "text-danger" })
            </div>
        </div>

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

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

It should be clarified that he selectis for him model.parentesco.

<div class="form-group">
    @Html.LabelFor(model => model.parentesco, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.parentesco, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.parentesco, "", new { @class = "text-danger" })
    </div>
</div>
asp.net-mvc-5

2 Answers

  1. Best Answer

    You could do the following to add data to the model in the controller Createand the dropdown values ​​depend on it, but that is the idea, for example I put this model

    public class Parentesco
{
    public string Text { get; set; }
    public string Value { get; set; }
}

    Controller

    public ActionResult Create()
{
            List<Parentesco> Parentescos = new List<Parentesco>();
            Parentesco parentesco1 = new Parentesco();
            parentesco1.Text = "ESPOSO(A)";
            parentesco1.Value = "ESPOSO(A)";
            Parentescos.Add(parentesco1);
            Parentesco parentesco2 = new Parentesco();
            parentesco2.Text = "HIJO(A)";
            parentesco2.Value = "HIJO(A)";
            Parentescos.Add(parentesco2);
            Parentesco parentesco3 = new Parentesco();
            parentesco3.Text = "CONYUGUE";
            parentesco3.Value = "CONYUGUE";
            Parentescos.Add(parentesco3);
            ViewBag.Parentescos= new SelectList(Parentescos, "Text", "Value");
            return View();
}

    view

    @Html.DropDownListFor(m=>m.Parentescos, ViewBag.Parentescos as SelectList , "Seleccione uno", new { @class = "form-control" })

    • 3

  2. First, we need to create the model associated with relationships:

    public class Parentescos
{
    [Key]
    public int ParentescoId { get; set; }
    public string Descripcion { get; set; }
}

    Then, create a static list of the parent type, and store it in it by ViewBaggenerating the dynamic Html:

    public ActionResult Index()
{
    List<Parentescos> parentesco = new List<Parentescos>() {
        new Parentescos(){ ParentescoId = 1, Descripcion = "ESPOSO(A)" },
        new Parentescos(){ ParentescoId = 2, Descripcion = "HIJO(A)" },
        new Parentescos(){ ParentescoId = 3, Descripcion = "CONYUGUE" },
        new Parentescos(){ ParentescoId = 4, Descripcion = "ACUDIENTE" }};

    StringBuilder sb = new StringBuilder();

    foreach (var type in parentesco)
    {
        sb.Append("<option value='" + type.ParentescoId + "'>" + type.Descripcion + "</option>");
    }

    ViewBag.parentesco = sb.ToString();

    return View();
}

    On the view side we only render the Html:

    <div class="form-group">
    @Html.LabelFor(model => model.ParentescoId, htmlAttributes: new { @class = "control-label col-md-4" })
    <div class="col-md-8">
        <select class="form-control" name="ParentescoId">
            @Html.Raw(ViewBag.parentesco)
        </select>
    </div>
</div>
    • 2