Javascript dynamically controls select Form Content
<Script language = "JavaScript">
<! --
Var P1 = new Array (
New Array ("110000", "aaa1 "),
New Array ("120000", "bbb1 "),
New Array ("130000", "ccc1 "),
New Array ("140000", "ddd1 "),
New Array ("150000", "eee1 ")
);
Var c1 = new Array (
New Array ("110000", "aaa2 "),
New Array ("120000", "bbb2 "),
New Array ("130000", "ccc2 "),
New Array ("140000", "ddd2 "),
New Array ("150000", "eee2 "),
New Array ("210000", "fff2 "),
New Array ("220000", "ggg2 ")
);
Function a1 (selProvince)
{
Document. getElementById (selProvince). options [0] = new Option ("select", "000000 ");
For (I = 0; I <P1.length; I ++)
{
Document. getElementById (selProvince). options [I + 1] = new Option (P1 [I] [1], P1 [I] [0]);
}
Document. getElementById (selProvince). options. selected = true;
Document. getElementById (selProvince). length = I + 1;
}
Function a2 (selProvince)
{
Document. getElementById (selProvince). options [0] = new Option ("select", "000000 ");
For (I = 0; I <P1.length; I ++)
{
Document. getElementById (selProvince). options [I + 1] = new Option (c1 [I] [1], c1 [I] [0]);
}
Document. getElementById (selProvince). options. selected = true;
Document. getElementById (selProvince). length = I + 1;
}
-->
</Script>
<BODY>
<Form name = "form1" method = "post" method = "post">
<Input type = "radio" value = "1" name = "a" onclick = "a1 ('B')"> first & nbsp; <input type = "radio" value = "0" name = "a" onclick = "a2 ('B')"> second
<Select name = "B" id = "B"> </select>
</Form>