Як зробити список, що випадає, в 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 і ознайомтеся з умовами навчання, ми спеціалізуємося тільки на індивідуальних заняттях, як для початківців, так і для просунутих програмістів. Ви можете взяти як одне заняття для опрацювання питання, що вас цікавить, так і кілька, для більш щільної роботи. Завдяки особистому кабінету, кожен студент підвищить якість свого навчання, у вашому розпорядженні: