Value set in javascript cant read it on server side

Question

0.00/5 (No votes)

See more:

HI All,

I have a simple client side calculation in my application.
Situation is like,

I have 3 textboxes. Say txt1,txt2,txt3.
txt3 = txt1 + txt2

my javascript works fine which is something like

JavaScript

document.getElementbyID('<%=txt3.ClientID%>').value = Number(document.getElementbyID('<%=txt1.ClientID%>').value) + Number(document.getElementbyID('<%=txt2.ClientID%>').value);

I get result on client side. But when i write txt3.text in server side code i get nothing.

txt3 is readonly i tried to make it readonly false and it worked fine but how can I make it with readonly true?

Please some one can help me....

Thanks in advance.

Posted 6-Mar-12 1:04am

hiren soni

Updated 6-Mar-12 1:06am

Anuja Pawar Indore

v2

Add a Solution

Comments

Anuja Pawar Indore 6-Mar-12 7:06am

Added code block

5 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manfred Rudolf Bihy · Answer 1 · 2012-03-06T02:16:00

Here's a simple sample to see that it works:

DebugQuery.html simply shows the query string:

XML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Simple Querystring Debugging</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
Just a simple check for the query string!</br>
</body>
<script type="text/javascript">
document.write("<b>Querystring:</b> " + document.location.search);
</script>
</html>

ReadOnly.html contains the small test HTML markup:

XML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body onload="init();">
<form id="testForm" method="GET" action="./DebugQuery.html">
    <input ID="test" NAME="realname" VALUE="Hi There" READONLY>
    <input ID="submit" type="submit" name="submit" value="Send!">
</form>
<input ID="doit" type="button" NAME="doIt" VALUE="Set to 10!" onclick="doIt();">
</body>
<script type="text/javascript">
function init()
{
    var test = document.getElementById("test");
    test.value = "0";
}

function doIt()
{
    var element = document.getElementById("test");
    element.value = 10;
}
</script>
</html>

Regards,

Manfred

E.F. Nijboer · Answer 2 · 2012-03-06T01:28:00

Solution 1

Yo need to post back the fields to get them back on the server. This also means that txt3 needs to be part of the form that is posted back. Can't see that because that code isn't shown here but you could check it out.

Good luck!

Posted 6-Mar-12 1:28am

E.F. Nijboer

Comments

hiren soni 6-Mar-12 7:32am

Thanks for your reply but can you please provide an example? And what do you mean by txt3 should be the part of the form?

E.F. Nijboer 7-Mar-12 3:28am

I guess Manfred gave you the example you were looking for.
ps. Would be nice if you would mark it to solved based on his answer.

mohanrajkiller · Answer 3 · 2012-03-07T06:51:00

Solution 3

instead of single quotes try doubles quotes

document.getElementbyID("<%=txt3.ClientID%>").value =

Posted 7-Mar-12 6:51am

mohanrajkiller

hiren soni · Answer 4 · 2012-03-08T21:37:00

Solution 4

Instead of setting property to readonly from property window. I set the attribute like this:

C#

txt3.Attributes.Add("readonly","readonly");

And it works fine.

Thanks a lot to all for your responses.

Posted 8-Mar-12 21:37pm

hiren soni

Updated 8-Mar-12 22:01pm

v2

ninad from cybermediasoft · Answer 5 · 2012-03-08T23:44:00

Solution 5

u can add that text field using hidden field.first the take the data returned by script in hidden filed and append that to your text field..

Posted 8-Mar-12 23:44pm

ninad from cybermediasoft