ASP.NET MVC 3 HiddenFor Javascript

Question

I have two hidden input fields in my form:

<input type="hidden" name="lat" id="lat" value=""/>
<input type="hidden" name="long" id="long" value="" />

I am assigning their value by doing the following:

document.getElementById('lat').value = lat;
document.getElementById('long').value = lng;

Can someone please tell me how I can remove the hidden <input> fields and replace them with a @Html.HiddenFor<> and make my Javascript update the HiddenFor? I want to do this because it will obviously automatically bind the data.

My HiddenFor currently looks something like this:

@Html.HiddenFor(m => Model.Listing.Location.Latitude);
@Html.HiddenFor(m => Model.Listing.Location.Longitude);

I change the Javascript to do this:

document.getElementById('Listing.Location.Latitude').value = lat;
document.getElementById('Listing.Location.Longitude').value = lng;

I get the following error in the Console:

Uncaught TypeError: Cannot set property 'value' of null

Can anyone see where I am going horribly wrong?

dove · Accepted Answer · 2012-10-03 09:11:46Z

11

The Ids of these fields will have underscores not dots, their names will have the dots. Try this:

document.getElementById('Listing_Location_Latitude').value = lat;

answered Oct 3, 2012 at 9:11

dove

20.8k14 gold badges88 silver badges109 bronze badges

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

Comments

John Hpa · Accepted Answer · 2012-10-03 09:22:44Z

5

Try this.

@Html.HiddenFor(m => m.Listing.Location.Latitude, new {id = "theIdyouWant"})

So you can get the element using Javascript:

document.getElementById("theIdyouWant")

answered Oct 3, 2012 at 9:22

John Hpa

4636 silver badges19 bronze badges

1 Comment

Subby Over a year ago

Ah. Didn't know I could specify an id like that. Thank you very much.

webdeveloper · Accepted Answer · 2012-10-03 09:13:50Z

3

Your problem is that id will be another. Listing.Location.Latitude is name attribute.

For example:

@Html.TextBoxFor(x => x.General.Site_Name)

generated as:

<input id="General_Site_Name" type="text" name="General.Site_Name" />

answered Oct 3, 2012 at 9:13

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC 3 HiddenFor Javascript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related