Accessing textbox's value by javascript

Question

0.00/5 (No votes)

See more:

Hey everyone,

How to get value inside a textBox.
Like we do this in C# txtABC.Text.whats in javascript?

And if I've filled my label using javascript client side event,how will I access its value on server side?

It's giving null using lblABC.Text

please help...

Thanks
Amit

Posted 20-Oct-10 0:31am

AmitChoudhary10

Updated 20-Oct-10 22:08pm

Dalek Dave

v2

Add a Solution

Comments

Dalek Dave 21-Oct-10 4:08am

Edited for Grammar.

4 solutions

Solution 1

you can use

JavaScript

document.getelementbyid("TextBox1").Value;

:-O

Edit: You missed the quotes and formatting.

Posted 20-Oct-10 0:45am

Rohit from Delhi

Updated 20-Oct-10 23:51pm

v2

Solution 3

you better to start from
JavaScript Tutorial[^]

Posted 20-Oct-10 6:37am

raju melveetilpurayil

Solution 4

jQuery way:

XML

<asp:textbox id="Textbox1" runat="server"/>

jquery

$().ready(function () {
    var value = $('#<%:Texbox1.ClientID %>').Val();
    alert(value);
});

Or a more traditional method:

JavaScript

document.getElementById('<%:Texbox1.ClientID %>').Value;

Posted 20-Oct-10 21:58pm

JamieRushton_

Updated 20-Oct-10 23:49pm

v2

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)

Ankur^\m/ · Accepted Answer · 2010-10-20T01:05:00

Solution 2

How to get value inside a textBox.
Like we do this in C# txtABC.Text.whats in javascript?

JavaScript

var textboxValue = document.getElementById('TextBox1').value;

And if i've filled my label using javascript client side event,how will i access its value on server side?

Well, the value of a label is not preserved. So a workaround would be to use a hidden field. Here's how:

In the aspx page:

XML

<asp:HiddenField ID="Amount" runat="server" />

Add this line in javascript:

JavaScript

var amt = document.getElementById("Amount");
amt.value = parseInt(txtQuantityE.get_value()) * parseInt(lblRate.innerHTML);
//you may remove the line which assigns this value to label

And in the code behind:

C#

lblAmount.Text = Amount.Value;

Hope this is clear now. :)

Posted 20-Oct-10 1:05am

Ankur^\m/

Updated 20-Oct-10 2:57am

v2

Comments

AmitChoudhary10 20-Oct-10 8:09am

function show(txtQuantityE, lblRate, lblAmount)
{
var txtQuantityE = $find(txtQuantityE);
var lblRate = document.getElementById(lblRate);
var lblAmount = document.getElementById(lblAmount);
lblAmount.innerHTML = parseInt(txtQuantityE.get_value()) * parseInt(lblRate.innerHTML);
}

if (combo.SelectedIndex > 0 && txtQauntityE.Text != null)
{
DataRow drValues = dtValues.NewRow();
drValues["Items"] = combo.SelectedItem.Text;
drValues["Rate"] = lblRate.Text;
drValues["Quantity"] = txtQauntityE.Text;
drValues["Amount"] = Convert.ToString(lblAmount.Text);
dtValues.Rows.Add(drValues);
dtValues.AcceptChanges();
RadGrid1.DataSource = dtValues;
RadGrid1.Rebind();
RadGrid1.MasterTableView.IsItemInserted = false;
RadGrid1.MasterTableView.Rebind();
}

I am trying to get lblAmount.Text,its coming Null

Ankur^\m/ 20-Oct-10 8:41am

Oh, your question was about label. Label doesn't preserve value. You have to use a hidden field instead. I will update my answer to show how to do it.

AmitChoudhary10 21-Oct-10 1:23am

But if i'll use Hidden field how will i show the value on the page?...

Ankur^\m/ 21-Oct-10 1:32am

Show it on label itself (using javascript). Also assign it to hidden field so that you can retrieve it in code behind. Label value set using javascript cannot be retrieved in code behind (after post back). So using hidden field will let you get the value in code behind.

Read my answer. Add the code lines that I have given to your existing code. That's it!
And accept the answer if it solves your problem. :)

Dalek Dave 21-Oct-10 4:09am

Good Answer

AmitChoudhary10 21-Oct-10 5:21am

Thanks man,its working now...