Search jQuery

jQuery Forum

Issue concerning hidden fields

in Using jQuery • 8 years ago

I have asked this same basic question before several times on other forums but not here. I hope someone here can help me solve this issue:

I have a strongly-typed view with a hidden field on it.
When the view renders server-side, I am setting the value of the hidden field to a property of the model.
When the view renders client-side, I want to get the value of the hidden field (that was set during the server-side render) and display it in a java script alert box.

This should be a simple thing to do and yet I am unable to make it work. I have set a break-point in the view and I can see that the hidden field is being set to the correct value. But the javascript will not display that value.

The page/view being rendering has been gone to before. At the time I want to display this alert, I am going back to that page and now I want to see the alert.

It is as if the page is being cached, so instead of using the new value for the hidden field it is using the old value (from the first time the page was visited). If the DOM is being cached, how I can prevent that so that each time I visit the page I get the updated values of the page and not the cached ones? What am I doing wrong??

@<input type="hidden" id="hdnShowMsg" value="@Model.ShowMsg" />
<script>
alert($('#hdnShowMsg').val());
</script>

Yes I have tried putting the javascript in the jquery pageinit event (and in every other applicable jquery event I could think of) and still get the same results.

Yes I have the web browser configured not to cache.

I am relatively new to jQuery and ASP.Net MVC but I do not see what I am doing wrong here. No one has been able to give me any useful feedback on this. This should be a very simple thing to do but I need help with it.

Replies(4)

dsvick

Re: Issue concerning hidden fields

8 years ago

Can you post the generated markup that actually gets sent to the browser, this would be what you would get if clicked "View Source" on the page. Since jQuery is client side the server side info isn't as helpful as what gets rendered on the client.

Dave

anyhoo

Re: Issue concerning hidden fields

8 years ago

Code is below. The value of the hidden field is blank, even though in the server-side portion of the view I saw the value being set to a non-blank value. Am I doing something fundamentally wrong in the way I am coding this and expect it to work?

<!DOCTYPE html>

<head>

<title>~MAX: New Document</title>

</head>

<body>

<div data-role="page" data-theme="b" data-cache="never"

id="addnewdocument"

<h1>MAX Mobile</h1>

<a class="ui-btn-right" data-icon="back" data-mini="true" data-theme="b" href="/NewDocument/Logout?sMaxUrl=http%3A%2F%2Faxmcdev.bisok.com%2Fmaxserver&sSessionTicket=AxDemo~e07313c4-6229-4ace-baff-251ee57de37f&dtLastCall=04%2F16%2F2013%2015%3A22%3A58">Logout</a>

<h5 style="text-align:center;background-color:#606060;padding:2px;margin-top:-2px;margin-left:-2px;">~MAX: New Document</h5>

</div>

</ul></div> <ul data-role="listview" data-inset="true" id="searchcriteria">

<label for="DESCRIPTION" style="font-weight:bold;color:red">DESCRIPTION</label>

</li>

</ul>

</form>

<div data-role="header"><h3>Validation Error</h3></div>

</div>

</script>

</div>

<a data-icon="plus" data-role="button" data-theme="b" href="/NewDocument/Document?sMaxUrl=http%3A%2F%2Faxmcdev.bisok.com%2Fmaxserver&sDataSource=AxDemo&sSessionTicket=AxDemo~e07313c4-6229-4ace-baff-251ee57de37f&dtLastCall=04%2F16%2F2013%2015%3A22%3A58&sFileCabinetId=84&sFileCabinetName=~MAX">Picture</a>

<input type="button" value="Upload" data-mini="true" data-theme="b" data-icon="forward" onclick="$('#newdocument-form').submit();"

</div>

</body>

</html>

jay.blanc..

Re: Issue concerning hidden fields

8 years ago

If the hidden value is blank there is something wrong with the server-side code. Once the hidden field is populated properly your jQuery code will work.

anyhoo

Re: Issue concerning hidden fields

8 years ago

Any idea what is wrong with the server-side code? As I said, I am using ASP.Net MVC 4 with HTML helpers that handle the server-side portion of the view, ie:

@<input type="hidden" id="hdnShowMsg" value="@Model.ShowMsg" />

In the above code, @Model.ShowMsg is accessing a property of my MVC model in the strongly-typed view. A breakpoint set on this line shows it is executing this. This is server-side code. Server-side should be executing before client-side code, correct?

If I am doing something wrong, please enlighten me.

Top Reply

Response title

Attachments

jQuery Forum

Issue concerning hidden fields

Replies(4)

Re: Issue concerning hidden fields

Re: Issue concerning hidden fields

Re: Issue concerning hidden fields

Re: Issue concerning hidden fields

Statistics

Tags

Actions