how to apply text box value to label using javascript?

Question

0.00/5 (No votes)

See more:

i have a textbox and a label..when user writes anything in textbox i need the text in textbox to be immediately updated in label..how to achieve this using javascript?this is my code.and it is not working

<asp:TextBox id="txtbox1" runat="server" onchange="settext()">

XML

<asp:Label ID="Label6" runat="server"ForeColor="White" Width="200px"></asp:Label>

XML

<script>
 function settext()
{
    var name = document.getElementById('<%= txtbox1.ClientID %>').value;
    document.getElementById("Label6").innerHTML = name;
}
</script>

Posted 13-Jun-14 0:05am

faizel s

Add a Solution

4 solutions

Solution 3

Try this:

XML

<script>
        function settext(e) {
            document.getElementById("<%= Label1.ClientID %>").innerHTML = e.value;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" onkeyup="settext(this);" onkeydown="settext(this);"></asp:TextBox>
        <asp:Label ID="Label1" runat="server" Text="Label">dd</asp:Label>
    </div>
    </form>
</body>

Posted 13-Jun-14 0:46am

Peter Leow

Solution 4

C#

document.getElementById("Label6").innerHTML = name;
}

you are using asp label ,so use same method ,ie, document.getElementById('<%=Label6.ClientID%>').innerHTML to assign data.....

Posted 13-Jun-14 2:28am

Kan07

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)

Kriti Sharma 10400841 · Accepted Answer · 2014-06-13T00:11:00

There are two ways for it::

1st one is:

ASP.NET

<asp:label id="Label6" runat="server" forecolor="White" width="200px" xmlns:asp="#unknown"></asp:label>

JavaScript

<script>
 function settext()
{
    var name = document.getElementById('<%= txtbox1.ClientID %>').value;
    document.getElementById('<%=Label6.ClientID%>').innerHTML = name;
}
</script>

2nd one is

ASP.NET

<asp:label id="Label6" runat="server" forecolor="White" width="200px" ClientIdMode="Static" xmlns:asp="#unknown"></asp:label>

JavaScript

<script>
function settext()
{
    var name = document.getElementById('&lt;%= txtbox1.ClientID %&gt;').value;
    document.getElementById('Label6').innerHTML = name;
}
</script>

**Nirav Prabtani** · Accepted Answer · 2014-06-13T00:14:00

Solution 2

try onkeypress event of textbox.. :)

JavaScript

function settext(valueData)
{
  
    document.getElementById('<%=Label6.ClientID%>').innerHTML = valueData;
}

HEML

ASP.NET

<asp:textbox id="txtbox1" runat="server" onkeypress="settext(this.value)" >
</asp:textbox>

Posted 13-Jun-14 0:14am

Nirav Prabtani

Updated 13-Jun-14 0:15am

v2

Comments

Debabrata_Das 13-Jun-14 6:35am

my 5!

Nirav Prabtani 13-Jun-14 6:43am

thank you.. :)

Naga Sindhura 16-Jun-14 3:33am

Sorryy to ask now,
The output i am getting here is one char back,
like if I enter "Hello", In my label it is displaying as "Hell".
How can I solve this.

Nirav Prabtani 16-Jun-14 9:31am

Post your code , according to my solution it should not happen.

Naga Sindhura 17-Jun-14 1:00am

Hi Nirav, Here is my code,
<head runat="server">
<title></title>
<script type="text/javascript">
function settext(valueData) {

document.getElementById('<%=Label6.ClientID%>').innerHTML = valueData;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>text </p>
<asp:textbox id="txtbox1" runat="server" onkeypress="settext(this.value)" >

<asp:Label ID="Label6" runat="server">

</div>
</form>
</body>
</html>

faizel s 20-Jun-14 3:06am

the code works well but when user clicks on the enter key,the page refreshes and all the data will be lost... :( how to tackle it?

how to apply text box value to label using javascript?

4 solutions

Solution 3

Solution 1

Solution 2

Solution 4

Add your solution here

Preview 0

Existing Members

...or Join us