Get java script variable in HTML

Question

I want to get variable value in hidden HTML field. My code like:

<script lang=”text/javascript”>
   Var counter;
   Loop{
     Some Code . . . . 
     Counter++;
   }//end loop
</script>

<html>
   <body>
      // some code 
      <input type “hidden” name=”total” id=”total” value=”here I want to get Counter”>
   </body>
</html>

ComFreek · Accepted Answer · 2011-11-12 12:05:05Z

2

1.) Get the DOM object of the element

var elem = document.getElementById("total");

2.) Set the value

elem.value = your_variable;

Example:

var Counter = 0;
var elem = document.getElementById("total"),
while(condition == true) {
    // some code
    Counter++;
    elem.value = Counter;
}

edited Nov 12, 2011 at 12:05

answered Nov 12, 2011 at 11:48

ComFreek

29.5k18 gold badges107 silver badges157 bronze badges

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

1 Comment

Hassan Ali Shahzad Over a year ago

not geting value.I want to get counter value in HTML, my JS is in the head field where counter counts the dynamically add/remove the textfields. At the end I want the exact figure of counter variable. That counter's value I want to store in the hidden field, further I can post this value to PHP.(whole story)

Thein Hla Maw · Accepted Answer · 2011-11-12 11:49:40Z

1

You can get the value of form field by Javascript DOM API.

<script lang=”text/javascript”>
var total = document.getElementById("total").value;

Var counter;
Loop{
Some Code . . . . 
Counter++;
}//end loop

answered Nov 12, 2011 at 11:49

Thein Hla Maw

6831 gold badge9 silver badges28 bronze badges

Collectives™ on Stack Overflow

Get java script variable in HTML

2 Answers 2

1.) Get the DOM object of the element

2.) Set the value

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1.) Get the DOM object of the element

2.) Set the value

1 Comment

Comments

Related