Get/Set asp:textbox values from javascript

Question

I'm not super familiar with javascript but I'm working on it, I'm trying to do a "same as billing address" type checkbox to fill some textboxes on the same form with data from other textboxes. I found a few solutions online but they weren't working for me. I'm probably overlooking something simple, but I've tried quite a few. Here's what I currently have:

function AutoFillBilling()
    {
        var text = document.getElementById("CustContact").Value;
        alert(text); 

    }

The alert pops up, but just says undefined, I also tried $("#CustContact").Value to no avail. Below is the textbox I'm trying to access

<asp:Textbox runat="server" ID="CustContact" ClientIDMode="Static" type="text" placeholder="Contact" class="required"/>

What am I missing?

stackoverflow.com/questions/1612413/…

Kenny Thompson
– Kenny Thompson

2015-10-15 17:27:11 +00:00
Commented Oct 15, 2015 at 17:27 — Kenny Thompson
– Kenny Thompson, Commented Oct 15, 2015 at 17:27

David · Accepted Answer · 2015-10-15 17:29:53Z

1

Properties begin with lowercase letters in JavaScript:

var text = document.getElementById("CustContact").value;

Additionally, while the ClientIDMode="Static" certainly should be explicitly setting the client-side id property, when debugging you may want to examine the HTML just to make sure. When using JavaScript, looking only at your server-side markup leaves you unnecessarily blind.

answered Oct 15, 2015 at 17:29

David

221k42 gold badges245 silver badges338 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jordan Wayne Crabb Over a year ago

I had confirmed that the IDs were acting as expected. It was the uppercase V causing my issue. Is ClientIDMode acceptable for most browsers or should I do this style: <%# xxxx.ClientID%> in the javascript?

David Over a year ago

@JordanWayneCrabb: It shouldn't be browser-dependent. The biggest consideration to be made is the fact that id values need to be unique on the page. So you might need to make adjustments when using server-side controls inside of things like repeaters or grids.

haraman · Accepted Answer · 2015-10-15 17:35:09Z

You can use it as such

<asp:CheckBox ID="Postal_Same_As_PermCheckBox" runat="server" onclick="copyPermAddress(this);" />

And JavaScript as

<script type="text/javascript">
function copyPermAddress(e) {
    if (e.checked) {
        document.getElementById('Postal_Adrs_Line_1TextBox').value = document.getElementById('Perm_Adrs_Line_1TextBox').value;
        document.getElementById('Postal_City_VillageTextBox').value = document.getElementById('Perm_City_VillageTextBox').value;
    } else {
        document.getElementById("Postal_Adrs_Line_1TextBox").removeAttribute('readonly', 'readonly');
        document.getElementById("Postal_City_VillageTextBox").removeAttribute('readonly', 'readonly');
    }
}

In this example I am assuming that you are using client id mode as static on the controls mentioned in the JavaScript, if it is not then you may use <%# xxxx.ClientID%> blocks to access their IDs

Collectives™ on Stack Overflow

Get/Set asp:textbox values from javascript

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related