Hi there,
I need to implement a "Select A determine Select B"
in a form with Tapestry, but no idea.
The problem is
. how to use <foreach>
. the second select element is determined by the first
one, so how to create its specification.
Any tip is appreciated.
The following is the Javascript code which can show
what I need
<form name="form1">
<select name="dropDown1"
onChange="redirect(this.options.selectedIndex)">
<option value="0" selected>Program</option>
<option value="111">A</option>
<option value="222">B</option>
</select>
<select name="dropDown2">
<option value="0" selected>Type</option>
</select>
<script language="Javascript">
var groups=document.form1.dropDown1.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)group[i]=new Array()
group[0][0]=new Option("Type","0");
group[1][0]=new Option("Value 1 of A","a1");
group[1][1]=new Option("Value 2 of A","a2");
group[1][2]=new Option("Value 3 of A","a3");
group[2][0]=new Option("Value 1 of B","b1");
group[2][1]=new Option("Value 2 of B","b2");
group[2][2]=new Option("Value 3 of B","b3");
group[2][3]=new Option("Value 4 of B","b4");
var temp=document.form1.dropDown2
function redirect(x){
for (m=document.form1.dropDown2.options.length-1;
m>0; m--)
document.form1.dropDown2.options[m]=null
for (i=0;i<group[x].length;i++){
document.form1.dropDown2.options[i]=new
Option(group[x][i].text,group[x][i].value)
}
document.form1.dropDown2.options[0].selected=true
//redirect1(0)
}
</script>
</form>
__________________________________________________
Do you Yahoo!?
New DSL Internet Access from SBC & Yahoo!
http://sbc.yahoo.com
-------------------------------------------------------
This SF.NET email is sponsored by: AMD - Your access to the experts
on Hammer Technology! Open Source & Linux Developers, register now
for the AMD Developer Symposium. Code: EX8664
http://www.developwithamd.com/developerlab
_______________________________________________
Tapestry-developer mailing list
[EMAIL PROTECTED]
https://lists.sourceforge.net/lists/listinfo/tapestry-developer
