Question

I have code like below in ASP.Net MVC4. and I am using Razor engine.

@{
    string sDefaultEnvironId = string.Empty;

} 
<script language="javascript" type="text/javascript" >
    function changeHd() {
        $("#hdSelEnvironmentId").val("1");
    }
</script>
<input type="button" value="ChangeHD" onclick="changeHd();" />
@Html.Hidden("hdSelEnvironmentId", sDefaultEnvironId)

The value of hidden field hdSelEnvironmentId is empty when accessing this view at first time. then it was changed to 1 after I clicked button ChangeHD.
But after I pressed F5, the value of hidden field hdSelEnvironmentId is still 1, I expected it with initial empty value instead of 1. Can anyone help me to figure it out ?I just can not understand it. I am using Firefox and Firebug, thanks.

Answer 1

Edit As discovered by Andreas here, you can remove this behavior by adding an attribute autocomplete=off to your input:

@Html.Hidden("hdSelEnvironmentId", sDefaultEnvironId, new { autocomplete = "off" })

---

This effect is not due to the cache — it’s a feature (bug?) of Firefox, that when you refresh a page, the inputs of the page do not seem to get re-loaded from the server.

• try the same thing in Chrome or IE, you’ll see that the value resets to empty
• clear the cache in Firefox, and you’ll notice the value still does not get reset.

So, I’m not sure if there’s a workaround, but this issue does seem to be restricted to Firefox.