Change label text without submitting page

cawthor2 · Jan 16, 2008

This may be a stupid question, but is it possible to change a labels text value without submitting the page? I thought maybe you could do something like:

<asp:ImageButton id="ImageButton1" ImageUrl="images/graph.gif" OnClientClick="javascript: document.getelementbyid(Label1).text = 'Changed Text'; return false;" Runat="Server" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

ca8msm · Jan 16, 2008

You can. You would have to enclose the label id in single quotes, and also make sure that is the actual client id that is rendered to the page.

-------------------------------------------------------

Mark,
[URL unfurl="true"]http://aspnetlibrary.com[/url]
[URL unfurl="true"]http://mdssolutions.co.uk[/url] - Delivering professional ASP.NET solutions
[URL unfurl="true"]http://weblogs.asp.net/marksmith[/url]

cawthor2 · Jan 16, 2008

so why doesn't this work?

<html>
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ImageButton id="ImageButton1" ImageUrl="images/graph.gif" OnClientClick="javascript: document.getelementbyid('Label1').text = 'Changed Text'; return false;" Runat="Server" />

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</form>
</body>
</html>

It actually submits the page so I'm guessing the label assignment is failing. I looked in the source and it changes labels to <span> tags. I tried changing '.text' to '.innerhtml' but no avail.

jmeckley · Jan 16, 2008

document.getElementById('Label1').innerHtml
or
document.getElementByDd('Label1').innerHTML
can't remember which, but js is case sensative.

and like mark said, if your using user controls or master pages, then you need to render the client id, not the service id.

document.getElementById('<%=Label1.ClientID%>').innerHtml
or
document.getElementByDd('<%=Label1.ClientID%>').innerHTML

Jason Meckley
Programmer
Specialty Bakers, Inc.

cawthor2 · Jan 16, 2008

Thank you!

document.getElementById('Label1').innerHTML worked for me.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Change label text without submitting page

cawthor2

Programmer

ca8msm

Programmer

cawthor2

Programmer

jmeckley

Programmer

cawthor2

Programmer

Similar threads

Part and Inventory Search

Sponsor