Variables in Hidden form : Form HTML « Form Control « JavaScript DHTML

Variables in Hidden form

<title>Hidden Var Test</title>
<script language="JavaScript">
     var holder = ""
     var backup = ""
     function postData(value) {
          backup = holder
          holder = value
     function resetValue() {
          var len = document.form1.itemList.length
          for (var i=0; i<len; i++) {
               if (document.form1.itemList[i].value == backup) {
                    document.form1.itemList[i].checked = "1"

<form name="form1" method="POST">
<p><input type=radio name="itemList" value="A" onClick="postData(this.value)">A</p>
<p><input type=radio name="itemList" value="b" onClick="postData(this.value)">b</p>
<p><input type=radio name="itemList" value="C" onClick="postData(this.value)">C</p>
<p><input type=radio name="itemList" value="D" onClick="postData(this.value)">D</p>
<p><input type=radio name="itemList" value="E" onClick="postData(this.value)">E</p>
<p><input type=radio name="itemList" value="F" onClick="postData(this.value)">F</p>
<p><input type=radio name="itemList" value="G" onClick="postData(this.value)">G</p>
<p><input type=radio name="itemList" value="H" onClick="postData(this.value)">H</p>
<p><input type=button name="UndoLast" value="Undo Last" onClick="resetValue()"></p>

Related examples in the same category

1.Adjusting a CGI Submission Action
2.Button Objects: Submit, Reset, and Button
3.Checking Elements on a Form
4.Submitting Forms to the Server
5.Creating an Example Form for User Feedback
6.Accessing the Elements of a Form
7.Using the form.elements Array
8.form.reset() and form.submit() Methods
9.The onReset and onSubmit Event Handlers
10. Passing a Form Object and Form Element to Functions
11. Last-Minute Checking Before Form Submission
12.A Form for Entering a URL
13.Storing the last value using a Hidden object.
14.Methods and Properties of the Submit Object
15.Methods and Properties of the Reset Object
16.Properties of the Hidden Object
17.Methods and Properties of the Form Object
18.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
19.Using the document.forms Property
20.Use hidden field to store data