How to store selected id and selected text on hidden field using razor

Question

1.00/5 (2 votes)

See more:

I work on razor asp.net core . I face issue i can't store selected value id and selected text of select option drop down on hidden fields

so I need to create two hidden fields first hidden field to store selected value id and second for store selected text

What I have tried:

<div class="col-md-3 col-lg-2">
                        <label for="printerserver-selectlbl" style="margin-left:3px;font-size:15px;font-family: 'Open Sans', sans-serif;font-weight: bold;">Print Location</label>

                        <select id="PrinterName-select" asp-for="SelectedPrinterId" name="selectprinterid" class="form-select" style="margin-left:3px;font-size:15px;font-family: 'Open Sans' , sans-serif;font-weight: bold;">
                            <option value="0">--Select--</option>
                            @foreach (var printer in Model.PrinterList)
                            {

                                <option value="@printer.UserPC">@printer.PrinterName</option>


                            }
                        </select>

                    </div>

public class LabelPrintingModel : PageModel
    {


        [BindProperty]
        public List<LabelPrinitingView> PrinterList { get; set; }

public async void OnGet()
{
 PrinterList = dtprinters.AsEnumerable()
 .Select(row => new LabelPrinitingView
 {
     // Map the values from the DataRow to the properties of the PrintServer object
     UserPC = (string)row["UserPC"],
     PrinterName = row["PrinterName"].ToString()
     // etc.
 })
 .ToList();
}

 public class LabelPrinitingView
    {
        public string UserPC { get; set; }
        public string PrinterName { get; set; }
    }

Posted 9-Jul-23 10:52am

ahmed_sa

Updated 9-Jul-23 13:08pm

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graeme_Grant · Answer 1 · 2023-07-09T13:08:00

Solution 1

Already answered here: How to store data on ASP.NET razor page using hidden field?[^]

Posted 9-Jul-23 13:08pm

Graeme_Grant

Comments

ahmed_sa 9-Jul-23 19:27pm

please provide to me full answer

--Select--
@foreach (var printer in Model.PrinterList)
{

@printer.PrinterName

}

on JavaScript i do as below :

var selectElement = document.getElementById("PrinterName-select");
selectElement.addEventListener("change", function () {
var selectedOption = selectElement.options[selectElement.selectedIndex];
var selectedText = selectedOption.text;
var selectedId = selectedOption.id;
console.log("Selected Text: " + selectedText);
console.log("Selected ID: " + selectedId);
on page model two properties display as null value so How to solve this issue please

public ActionResult OnGetSelectedPrinter(string selectedtext,string selectedvalues)
{
string a = SelectedOptionValue;//display as null
string b = SelectedOptionText;//display as null
}

Graeme_Grant 9-Jul-23 19:35pm

This is a dupelicate question as pointed out above.

You have asked over 465 questions. You should know this already. Programming is writing your own code, not getting others to write it for you. You don't go to the doctor for the doctor to say "hold on, I need to call a friend" every time you ask your doctor a question???

The answer in the link shows you how to add hidden fields to a page. You have everything that you need to do it yourself.

Richard Deeming 10-Jul-23 4:00am

"You have everything that you need to do it yourself."

Good luck with that - Ahmed is an inveterate help vampire! 🤣

Graeme_Grant 10-Jul-23 4:46am

It's sad really ... He needs to find his passion elsewhere.

ahmed_sa 9-Jul-23 20:01pm

Answer you provide i input type hidden
and it is exist on my answer
but this is not enough for working

Graeme_Grant 9-Jul-23 20:04pm

It's a sample, you need to modify it to work for you.

Andre Oosthuizen 10-Jul-23 4:00am

I agree with Graeme, you have asked so many questions, yet you do not seem to learn from the answers. It almost comes through that you want us to write your entire application for you question after question whith little or no effort shown from your side. This puts your account at risk as you are moving towards a "help_vampire" member, trust me, nobody wants to be called a "help_vampire" - Google it to see what it is. Keep in mind that this is not our job, we do this as a passion to help others, if you do not show the effort, all the helpers is going to start to ignore your questions, I am one of those!