ASP Net Core - hidden input field data is not passed in the Controller

Question

I need to pass which button is clicked for the form submit. But the hidden input is not received in the controller. Below are my code snippets

View Model:

public class DocumentViewModel
{
    public int Id { get; set; }

    public int ActionId { get; set; }
}

razor(cshtml):

<form....>
    <input id="docActionId" name="docActionId" asp-for="ActionId" type="hidden" value="initialValue" />
</form>

JavaScript:

$("#save_btn").on("click", function ()
{
    $("#docActionId").val("test1");
});

$("#submit_btn").on("click", function ()
{
    $("#docActionId").val("test2");
});

I tried showing the current value in alert function if it is change and it did.

In my Controller/Action when I debug, I get a null value for the ActionId variable. I think this is very simple but I don't know what I did wrong.

Please help. I'm stucked in this for 2 hours now. Thanks in advance.

can you please post the controller code that is accepting the action — markorial
– markorial, Commented Jan 24, 2019 at 10:30
Does your controller receive "DocumentViewModel" paramter? Does your action like "public IActionResult Test(DocumentViewModel model)"? — Edward
– Edward, Commented Jan 25, 2019 at 5:53
Please show the controller action the sends the value to the view. — BattlFrog
– BattlFrog, Commented Sep 11, 2020 at 18:28

Anton Toshik · Accepted Answer · 2019-01-24 10:53:50Z

3

Remove the name="docActionId" html attributes, they will be generated automatically by Razor.

Specifically by the asp-for="ActionId" attribute.

Furthermore the reason this doesn't work is because the name attribute which is docActionId != ActionId which is the name of the property of your object. So it doesn't know where to bind it to.

<form id="myform">
     <input id="docActionId" asp-for="ActionId" type="hidden" value="initialValue" />
     <button type="submit" id="save">Submit</button>
</form>

Try this javascript perhaps the form is submitted before you attach the value

var saveButton = documnet.getElementById('save')
saveButton.addEventListener('click', function(e) {
   e.stopPropagation();
   documnet.getElementById('docActionId').value = "test value"
   documnet.getElementById('myform').submit()
})

edited Jan 24, 2019 at 10:53

answered Jan 24, 2019 at 9:43

Anton Toshik

2,9573 gold badges22 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Haime Reyes Over a year ago

I tried both of what you said. I change the name and id to "ActionId", I removed the name attribute, neither worked. Still getting null value.

Samuel Darteh · Accepted Answer · 2020-01-29 15:04:19Z

2

remove the "Id" attribute... that's all you need. "asp-for" does that. adding yours duplicates it kind

answered Jan 29, 2020 at 15:04

Samuel Darteh

492 bronze badges

Comments

user123456 · Accepted Answer · 2025-05-06 18:36:08Z

0

I thing you should use bind property like this:

<form id="myform">
     <input id="ActionId" asp-for="ActionId" type="hidden" value="initialValue" />
     <input id="Id " asp-for="Id " />
     <button type="submit" id="save">Submit</button>
</form>

[BindProperty]
public class DocumentViewModel
{
    public int Id { get; set; }

    public int ActionId { get; set; }
}

answered May 6 at 18:36

user123456

2,6677 gold badges37 silver badges72 bronze badges

Comments

code-professional · Accepted Answer · 2023-02-08 14:59:53Z

-2

<input type="hidden" id="tag" >

type="hidden" didn't work for me with .net core 7 but only hidden keyword worked.

<input hidden id="tag">

answered Feb 8, 2023 at 14:59

code-professional

72 bronze badges

Collectives™ on Stack Overflow

ASP Net Core - hidden input field data is not passed in the Controller

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related