How do I display the selected value in the select tag instead of Select Group after OnPostSubmit is triggeredltform method34post34gt ltdiv id34searchcont34gt ltdiv class34dflex alignitemscenter mb434gt ltlabel for34dropdownSelectGrp34gt User Group ltlabelgt ltdiv class34ms3 w5034gt ltselect id34lstUserGroups34 name34lstUserGroups34 aspit

Please refer this exampleDatabaseDownload SQL file Namespacesusing MicrosoftAspNetCoreMvcRenderingModelpublic class Customer public int CustomerId get set public string Name get set Database Contextusing MicrosoftEntityFrameworkCoreusing RazorDropDownListEFModels namespace RazorDropDownListEF public class DBCtx DbContext public DBCtxDbContextOptionsltDBCtxgt options baseoptions public DbSetltCustomergt Customers get set Razor PageModel CodeBehindnamespace RazorDropDownListEFPages public class IndexModel PageModel private DBCtx Context get public IndexModelDBCtx context thisContext context public SelectList Customers get set public void OnGet thisPopulateDropDownList public void PopulateDropDownList thisCustomers new SelectList

ASP.Net Core: Displaying selected value after OnPostSubmit()

tanws8

SOLVED CLOSED ACTIVE ANSWERED
User: tanws8
Posted: on Mar 08, 2023 11:49 PM
Forum: ASP.Net Core Razor Pages
Answer: 1
Views: 1175

How do I display the selected value in the select tag instead of "Select Group" after OnPostSubmit is triggered?

<form method="post">
    <div id="search_cont">
        <div class="d-flex align-items-center mb-4">
            <label for="dropdownSelectGrp">
                User Group:
            </label>
            <div class="ms-3 w-50">
                <select id="lstUserGroups" name="lstUserGroups" asp-items="@Model.lst_UserGroupModel" class="form-select">
                    <option selected>Select Group</option>
                </select>
            </div>
            <button type="submit" asp-page-handler="Submit" class="btn btn-primary ms-3 text-uppercase">Search</button>
        </div>
    </div>
</form>

public void OnPostSubmit(int int_CurrentPageIndex)
{
    // retrieve UserGroup ID and name
    var var_lists = (from item in _IUserGrp.GetUserGroupList()
                     select new SelectListItem {
                         Text   = item.UserGroupName,
                         Value  = item.UserGrpID.ToString()
                     }).ToList();
 
    lst_UserGroupModel = var_lists;
 
    string str_GroupID = Request.Form["lstUserGroups"].ToString();
 
    UserGrpFunctionTableModel.lst_FunctionGroupModel = _IUserGrpFnc.GetAllFunctions();
    lst_AccessFunctions = _IUserGrpFnc.GetUserGroupFunctions(str_GroupID);
}

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 3

Reply
ANSWER
User: Mudassar
Replied: on Mar 09, 2023 01:35 AM
Modified: on Mar 09, 2023 01:36 AM
Report

Please refer this example.

Database

ASP.Net Core Razor Pages: Populate (Bind) DropDownList from database using Entity Framework

Download SQL file

Namespaces

using Microsoft.AspNetCore.Mvc.Rendering;

Model

public class Customer
{
    public int CustomerId { get; set; }
    public string Name { get; set; }
}

Database Context

using Microsoft.EntityFrameworkCore;
using Razor_DropDownList_EF.Models;
 
namespace Razor_DropDownList_EF
{
    public class DBCtx : DbContext
    {
        public DBCtx(DbContextOptions<DBCtx> options) : base(options)
        {
        }
 
        public DbSet<Customer> Customers { get; set; }
    }
}

Razor PageModel (Code-Behind)

namespace Razor_DropDownList_EF.Pages
{
    public class IndexModel : PageModel
    {
        private DBCtx Context { get; }
        public IndexModel(DBCtx _context)
        {
            this.Context = _context;
        }

        public SelectList Customers { get; set; }

        public void OnGet()
        {
            this.PopulateDropDownList();
        }

        public void PopulateDropDownList()
        {
            this.Customers = new SelectList(this.Context.Customers, "CustomerId", "Name");
        }

        public void OnPostSubmit(string customerId)
        {
            this.PopulateDropDownList();
            ViewData["SelectedValue"] = customerId;
        }

    }
}

Razor Page (HTML)

@page
@addTagHelper*, Microsoft.AspNetCore.Mvc.TagHelpers
@model Razor_DropDownList_EF.Pages.IndexModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <form method="post">
        <select id="ddlCustomers" name="CustomerId" asp-items="@Model.Customers">
            <option value="0">--Select Customer--</option>
        </select>
        <br />
        <br />
        <input type="submit" value="Submit" asp-page-handler="Submit" />
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        @if (ViewData["SelectedValue"] != null)
        {
            <script type="text/javascript">
            $(function () {
                $(this).find("#ddlCustomers").val('@ViewData["SelectedValue"]')
            });
            </script>
        }
    </form>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

ASP.Net Core: Displaying selected value after OnPostSubmit()

Company

Explore

Follow us

Contact Us