Modify tag value using JavaScript

Question

I have this tag on a webpage

<input type="hidden" name="ctl00_ed3327f9_e1db_40db_9d66_15946cead7ae_STATEFIELD" id="ctl00_0g_ed3327f9_e1db_40db_9d66_15946cead7ae__STATEFIELD" value="0" />

I want to modify its value, i.e. from value="0" to value="1" using JavaScript. I have tried:

document.getElementById("ctl00_0g_ed3327f9_e1db_40db_9d66_15946cead7ae__STATEFIELD");

but it returns null. I guess that's because it is a hidden field

user113716 · Accepted Answer · 2011-02-21 14:55:28Z

1

If getElementById is returning null, it is likely because you're running the script before the element has been created.

Either move your script to the bottom of the page, just inside the closing </body> tag:

<body>

    <!-- page content -->

    <script type="text/javascript">
        document.getElementById("ctl00_0g_ed3327f9_e1db_40db_9d66_15946cead7ae__STATEFIELD").value = 1; 
    </script>
</body>

or run in inside a window.onload handler:

<script type="text/javascript">
    window.onload = function() {
        document.getElementById("ctl00_0g_ed3327f9_e1db_40db_9d66_15946cead7ae__STATEFIELD").value = 1; 
    };
</script>

answered Feb 21, 2011 at 14:55

user113716

323k64 gold badges454 silver badges441 bronze badges

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

4 Comments

Ishaan Puniani Over a year ago

noops .... using this the page load stucks in infinite looping when the object is null// the error is object reference is null;; .....

user113716 Over a year ago

@Umbrella: Infinite loop? Did the selector find the element, or not? If there's a loop, that's another issue.

Ishaan Puniani Over a year ago

no there is no loop in my code .;;; & selector didn't find anything ;; i just want to toggle the value . nothing else (there is no other code ) ** 1 thing more i want to tell u // its a sharepoint 2010 webpart page .

user113716 Over a year ago

@Umbrella: That's very strange that it returns null. Here's an example that shows it should work.

Daniel A. White · Accepted Answer · 2011-02-21 14:51:56Z

0

For .NET 3.5 and earlier, use

document.getElementById('<%= controlName.ClientID %>');

For .NET 4.0, set the ClientIDMode on the control to Static.

answered Feb 21, 2011 at 14:51

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

Comments

stoneMonkey77 · Accepted Answer · 2011-02-21 14:55:33Z

0

I just tested your code and it works. hidden shouldn't make a difference. I am guessing the problem might be that you are trying to run getElementById before the element has been loaded onto the page?

answered Feb 21, 2011 at 14:55

stoneMonkey77

1754 bronze badges

2 Comments

Ishaan Puniani Over a year ago

... hmm this is the case .. so how to overcome it ...??

stoneMonkey77 Over a year ago

patrick_dw's advice is spot on here. Either you need to move the script below the part of the page with the element, or you need to wrap your JS into an onload so that it doesn't run until the page is loaded.

Yi Jiang · Accepted Answer · 2011-02-21 14:58:10Z

0

You've added the jquery tag, so I presume your are using it. This would be your solution:

$("#ctl00_0g_ed3327f9_e1db_40db_9d66_15946cead7ae__STATEFIELD").val("1");

edited Feb 21, 2011 at 14:58

Yi Jiang

50.2k16 gold badges139 silver badges137 bronze badges

answered Feb 21, 2011 at 14:52

Richard

1,28413 silver badges25 bronze badges

1 Comment

Daniel A. White Over a year ago

getElementById does not need the #.

Collectives™ on Stack Overflow

Modify tag value using JavaScript

4 Answers 4

4 Comments

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related