How to set the value of a text box with javascript on an ASP.NET webform

Question

so in a form I have the following control:

<asp:TextBox runat="server" ID="monthlyAmount" ClientIDMode="Static"/>

The ClientIDMode Static is because a master page is in use.

I then have this Button:

<input type="button" id="calculate" onclick="AutoFillEstimate()" value="Calculate Estimate" />

Wired to this Script:

<script type="text/javascript">
    function AutoFillEstimate() {
        document.getElementById("monthlyAmount").nodeValue = "test";
    }
</script>

I feel like I'm just using nodeValue instead of what I should be using, but I have no idea where to look for reference on these things.

jiiri · Accepted Answer · 2013-03-15 19:27:06Z

13

If I understand you correctly, you are just trying to set the value, just use:

document.getElementById("monthlyAmount").value = "test";

answered Mar 15, 2013 at 19:27

jiiri

3301 silver badge12 bronze badges

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

4 Comments

jiiri Over a year ago

You mean in visual studio? There isn't a whole lot of support for intellisense with javascript, I wouldn't rely on it at all.

jiiri Over a year ago

Honestly, depending on what you're doing.. I would use Stackoverflow or google...

jrummell Over a year ago

@Firoso Mozilla has a very good reference developer.mozilla.org/en-US/docs/JavaScript

user4593252 Over a year ago

This won't work. The id of the asp control is not the id you give it. The id represents the hierarchy of controls. You want to use Client ID property.

user4593252 · Accepted Answer · 2016-06-24 19:37:59Z

4

The correct way to do this is:

document.getElementById("<%= monthlyAmount.ClientID %>").value = "test";

answered Jun 24, 2016 at 19:37

user4593252

3,5168 gold badges33 silver badges59 bronze badges

Collectives™ on Stack Overflow

How to set the value of a text box with javascript on an ASP.NET webform

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related