<script>
/* Another small but powerful function by Ira -->
* Original Programmed by Ira Sterbakov - irasterb@erols.com 9/5/04 -->
* May be freely used and modified - email notification would be nice -->
*/

//set last shown pointer to none
var kar = 0
var sP = new Array(8)

sP[0] = "Title0";
sP[1] = "Title1";
sP[2] = "Title2";
sP[3] = "Title3";
sP[4] = "Title4";
sP[5] = "Title5";
sP[6] = "Title6";
sP[7] = "Title7";
sP[8] = "Title8";

function ShowDivP2(SelId, DivId, P2Id, ReqVal) {
num = document.getElementById(SelId).value;
document.getElementById(P2Id).style.display = 'none';
if( kar > 0) {
//clear last shown
//get division
var DivId1 = DivId + kar;
//change display to none
document.getElementById(DivId1).style.display = 'none';
kar = 0
}
if( num > 0) {
//get division
var DivId2 = DivId + num;
//change display to block
document.getElementById(DivId2).style.display = 'block';
document.getElementById(P2Id).style.display = 'block';
kar=num
}
//set required field value relaed to select to array string based on num
document.getElementById(ReqVal).value = sP[num]
}

function ShowSub(SSelId, SDivId) {
Snum = document.getElementById(SSelId).value
if( Snum == 1) {
//change display to block
document.getElementById(SDivId).style.display = 'block';
}
if( Snum == 0) {
//change display to none
document.getElementById(SDivId).style.display = 'none';
}
}
</script>
<form action="sendpick.php" method="post">
<input type="hidden" name="titleval" id="req1" value="Title0"><font
color="#FF0000">Static part of form:</font> <input type="text" name="Silly"
size="40"><br>
<br>
Select which category: <select id="catItems"
onchange="javascript: ShowDivP2('catItems','divSubcat','divp2','req1');">
<option value="0">- category -
<option value="1">First
<option value="2">Second
<option value="3">Third
</select><br>
<br>
<font size="5" color="#FF0000">Dynamic part of Form:</font>
<div id="divSubcat1" style="display: none;">
<br>
<b>Choose type of Item 1:</b><br>
<br>
<input type="radio" name="Subcat1" value="red1">Red<br>
<input type="radio" name="Subcat1" value="white">White<br>
<input type="radio" name="Subcat1" value="yellow">Yellow<br>
<font color="green">Title: <input type="text" value=" items1"></font><br>
</div>
<div id="divSubcat2" style="display: none;">
<br>
<b>Choose type of Item 2:</b><br>
<br>
<select name="Subcat2">
<option value-"red2">Red
<option value="white">White
<option value="yellow">Yellow
</select><br>
</div>
<div id="divSubcat3" style="display: none;">
<br>
<b>Choose type of Item 3:</b><br>
<br>
<input type="radio" name="Subcat3" value="red3">Red<br>
<input type="radio" name="Subcat3" value="white">White<br>
<input type="radio" name="Subcat3" value="yellow">Yellow<br>
</div>
<div id="divp2" style="display: none;">
<br>
<font size="+1" color="#FF0000">Common to all selections</font><br>
<br>
<h3>Required ID Fields</h3>
<input type="text" name="name" value size="40"> Name<br>
<input type="text" name="ordnum" value size="40"> Order Number<br>
<input type="text" name="vemail" value size="40"> Email Address for
verification<br>
<br>
<br>
<font size="4">Using ShowSub</font><br>
<br>
<font color="red" size="+1">Did you verify? <select id="SubOK"
onchange="javascript: ShowSub('SubOK','Subp1');">
<option value="0">No
<option value="1">Yes
</select></font><br>
</div>
<div id="Subp1" style="display: none;">
<br>
<font color="red" size="+1">Please Submit Your Information <input
type="submit" value="Send it in!"></font><br>
</div>
</form>

Ira Sterbakov

Kopieren Sie bitte den Code