ASP.NET MVC 4: Changing the Value of a Hidden field in Javascript

Question

I have a hidden boolean field :

@Html.HiddenFor(x => x.IsTurkey)

In jQuery script I try to change it:

$("@Html.IdFor(x => x.IsTurkey)").val("False");

But on the post back IsTurkey is not changed:

    HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Search(TurkeyModel model)
    { ...}

Using jQuery as above, how do I change the value of a hidden boolean field in MVC 4 ?

I might be mistaken but I think you'd want to do $(Html.IdFor(x => x.IsTurkey)), also try not to mix server-side and front-end coding. Can you not get the ID of it any other way? — Mark Pieszak - Trilon.io
– Mark Pieszak - Trilon.io, Commented Mar 27, 2013 at 17:25
In MVC 4, $("#@Html.IdFor(x => x.IsTurkey)") is the correct way to create the javascript dynamically. — Ian Vink
– Ian Vink, Commented Mar 27, 2013 at 17:28

Jess · Accepted Answer · 2017-08-09 14:59:10Z

11

Make sure you include a leading # in the Jquery selector, as the MVC HtmlHelper does not output it.

Jess

25.4k21 gold badges134 silver badges158 bronze badges

answered Mar 27, 2013 at 17:29

user32826

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

1 Comment

That did it, I will mark this as the answer once the timer lets me.

Mathew Thompson · Accepted Answer · 2013-03-27 17:26:33Z

5

I'm not sure your exact code for IdFor, but you can simply do:

$("#IsTurkey").val(false);

answered Mar 27, 2013 at 17:26

Mathew Thompson

56.5k15 gold badges131 silver badges151 bronze badges

@BahaiResearch.com Hmm, while debugging your post, what value is in the Request.Form for IsTurkey?