Hi guys,
i research n came out with below.
Lets test how to integrate and get them working.
Additional attributes: onchange="dynamic(this,'your_ABCfield');"
<script type="text/javascript">
function dynamic(parent,child)
{
var parent_array = new Array();
// This is the default value
parent_array[''] = ['Please select your Opiton1'];
// All other elements
// parent_array['PARENT NAME'] = ['CHILD 1','CHILD 2','CHILD 3','ETC'];
parent_array['A'] = ['A1','A2','Studio','A3','A4','A5'];
parent_array['B'] = ['B1','B2','B3','B4','B5'];
parent_array['C'] = ['C1','C2','C3','C4','C5'];
parent_array['D'] = ['D1','D2','D3','D4','D5'];
parent_array['E'] = ['E1'];
// Get the child
var thechild = document.getElementById(child);
// Remove all other options from the select element
thechild.options.length = 0;
// What value are we looking for ?
var parent_value = parent.options[parent.selectedIndex].value;
// No value found, use the default value
if (!parent_array[parent_value]) parent_value = '';
// Set the correct length
thechild.options.length = parent_array[parent_value].length;
// Add the options
for(var i=0;i<parent_array[parent_value].length;i++)
{
thechild.options[i].text = parent_array[parent_value][i];
thechild.options[i].value = parent_array[parent_value][i];
}
}
</script>
THANKS