 |
<!--This form parser shows the names and values of form elements-->
<HTML>
<HEAD>
<TITLE> Form Parser </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function showFormValues(form) {
var formelements = "";
for (i=0; i<form.elements.length; i++) {
if (form.elements[i].type=="text" ||
form.elements[i].type=="textarea" ||
form.elements[i].type=="hidden") {
formelements += form.elements[i].name + ' = ' + form.elements[i].value + '\n';
} else if (form.elements[i].type=="radio" ||
form.elements[i].type=="checkbox") {
if (form.elements[i].checked) {
formelements += form.elements[i].name + ' = ' + form.elements[i].value + '\n';
}
} else if (form.elements[i].type=="select-multiple") {
var f = form.elements[i];
for (x = 0; x < f.length; x++) {
if (f[x].selected) {
formelements += f.name + ' = ' + f[x].value + '\n';
}
}
} else if (form.elements[i].type=="select-one") {
var f = form.elements[i];
formelements += f.name + ' = ' + f[f.selectedIndex].value + '\n';
}
}
alert(formelements);
}
</SCRIPT>
</HEAD>
<BODY>
<form>
<input type="hidden" name="hidden" value="Hidden field value">
<input type="Text" name="text" value="Text field value"><br><br>
<textarea name="textarea" cols="40" rows="2">Textarea field value</textarea><br><br>
<input type="checkbox" name="checkbox" value="Checkbox value" checked> Checkbox value<br><br>
<input type="radio" name="radio" value="Radio value 1" checked> Radio value 1<br>
<input type="radio" name="radio" value="Radio value 2"> Radio value 2<br>
<input type="radio" name="radio" value="Radio value 3"> Radio value 3<br><br>
<select name="select-one" >
<option value="Single selection option 1"> Single selection option 1
<option value="Single selection option 2"> Single selection option 2
<option value="Single selection option 3"> Single selection option 3
</select><br><br>
<select name="select-multiple" size="3" multiple>
<option value="Multiple selection option 1"> Multiple selection option 1
<option value="Multiple selection option 2"> Multiple selection option 2
<option value="Multiple selection option 3"> Multiple selection option 3
</select>
<br><br>
<input type="button" value="Show form values" onClick="showFormValues(this.form)">
</form>
</BODY>
</HTML>
|
|
