Как сделать выпадающий список в Asp.Net

[ Полезный рекламный блок ]

Попробуйте свои силы в игре, где ваши навыки программирования на C# станут решающим фактором. Переходите по ссылке 🔰.

Чтобы создать выпадающий список в ASP.NET, вы можете использовать элемент управления DropDownList, предоставляемый ASP.NET.

Вот пример того, как создать элемент управления выпадающим списком в ASP.NET:

Откройте ваше приложение ASP.NET Web Forms в Visual Studio.
Откройте веб-страницу, на которую вы хотите добавить элемент управления выпадающим списком.
Найдите раздел веб-страницы, в который вы хотите добавить элемент управления выпадающим списком.

Первым делом, в контроллере Home, изменим действие Index:

public IActionResult Index()
        {
            List<SelectListItem> items = new List<SelectListItem>()
            {
                new SelectListItem { Text = "Action", Value = "0" },
                new SelectListItem { Text = "Drama", Value = "1" },
                new SelectListItem { Text = "Comedy", Value = "2", Selected = true },
                new SelectListItem { Text = "Science Fiction", Value = "3" }
            };

            ViewBag.MovieType = items;
            return View();
        }

public IActionResult Index()

{

List<SelectListItem> items = new List<SelectListItem>()

{

new SelectListItem { Text = "Action", Value = "0" },

new SelectListItem { Text = "Drama", Value = "1" },

new SelectListItem { Text = "Comedy", Value = "2", Selected = true },

new SelectListItem { Text = "Science Fiction", Value = "3" }

};

ViewBag.MovieType = items;

return View();

}

Теперь, изменим код представления Index.cshtml:

@{
    ViewData["Title"] = "Home Page";
}

@Html.DropDownList("MovieType")

ViewData["Title"] = "Home Page";

}

@Html.DropDownList("MovieType")

Это позволит отобразить элементы в выпадающем списке:

Что бы получить выбранный элемент, изменим страницу Index.cshtml, добавим форму и кнопку:

@{
    ViewData["Title"] = "Home Page";
}

<form asp-controller="Home" asp-action="Index">

    <div class="form-group">
        @Html.DropDownList("MovieType")
    </div>

    <div class="form-group">
        @Html.AntiForgeryToken()
        <input type="submit" value="Send" class="btn btn-primary" />
    </div>

</form>

ViewData["Title"] = "Home Page";

}

@Html.DropDownList("MovieType")

</div>

@Html.AntiForgeryToken()

</div>

</form>

В контроллере Home, добавим POST версию действия Index:

List<SelectListItem> items = new List<SelectListItem>()
            {
                new SelectListItem { Text = "Action", Value = "0" },
                new SelectListItem { Text = "Drama", Value = "1" },
                new SelectListItem { Text = "Comedy", Value = "2", Selected = true },
                new SelectListItem { Text = "Science Fiction", Value = "3" }
            };
        [HttpPost]
        public IActionResult Index(int movieType)
        {
            return Content($"Selected value: {items[movieType].Text}");
        }

List<SelectListItem> items = new List<SelectListItem>()

{

new SelectListItem { Text = "Action", Value = "0" },

new SelectListItem { Text = "Drama", Value = "1" },

new SelectListItem { Text = "Comedy", Value = "2", Selected = true },

new SelectListItem { Text = "Science Fiction", Value = "3" }

};

[HttpPost]

public IActionResult Index(int movieType)

{

return Content($"Selected value: {items[movieType].Text}");

}

В моем случае, в качестве значения я установил значения, которые можно сопоставить с индексами. Вы можете использовать любую другую логику.

Я надеюсь, что вам понравилось читать эту статью, и она оказалась легкой для понимания. Пожалуйста, дайте мне знать, если у вас есть какие-либо комментарии или исправления.

Так же вам может быть интересна предыдущая статья — Как вывести данные из базы в Asp.Net.

Вы хотите научится писать код на языке программирования C#?

Создавать различные информационные системы, состоящие из сайтов, мобильных клиентов, десктопных приложений, телеграмм-ботов и т.д.

Переходите к нам на страницу Dijix и ознакомьтесь с условиями обучения, мы специализируемся только на индивидуальных занятиях, как для начинающих, так и для более продвинутых программистов. Вы можете взять как одно занятие для проработки интересующего Вас вопроса, так и несколько, для более плотной работы. Благодаря личному кабинету, каждый студент повысит качество своего обучения, в вашем распоряжении: