//**************************************
//     
// Name: Dynamically populate an HTML se
//     lect control
// Description:Often the items of a sele
//     ct control on a form will be dependant o
//     n the selectedIndex of a different contr
//     ol.
this function allows this to be handled without a server trip. to be truly useful the various arrays of items for the 
dependant control would need to be populated by server-side scripting but this is still a good example of the coding required
// By: Simon Goodwin
//
// Side Effects:Only tested on IE5 +
//
//This code is copyrighted and has// limited warranties.Please see http://
//     www.Planet-Source-Code.com/vb/scripts/Sh
//     owCode.asp?txtCodeId=3598&lngWId;=2//for details.//**************************************
//     

function setRelationship(seed)
    	{
    	var arr = new Array();
    	switch(seed)
        	{
        	case 0:
        	// takes a comma delimited string value then text displayed
        	arr[0] = "1,JS Applications and Games";
        	arr[1] = "2,JS Arrays";
        	arr[2] = "3,JS Behaviours";
        	arr[3] = "4,JS Browser Compatibility";
        	arr[4] = "5,JS Colors and Images";
        	arr[5] = "6,JS Debugging";
        	arr[6] = "7,JS DOM";
        	arr[7] = "8,JS Dynamic HTML";
        	arr[8] = "9,JS Events";
        	arr[9] = "10,JS Forms";
        	break;
        	case 1:
        	arr[0] = "1,VB Applications and Games";
        	arr[1] = "2,VB Arrays";
        	arr[2] = "3,VB Behaviours";
        	arr[3] = "4,VB Browser Compatibility";
        	break;
        	case 2:
        	arr[0] = "1,SQL Games without frontiers";
        	arr[1] = "2,SQL Code Bank stuff";
        	arr[2] = "3,SQL Operators";
        	arr[3] = "4,SQL Platform Compatibility";
        	break;
        	}
        	// clears any existing items	
        	document.forms[0].ddlCategories.options.length = 0	
        	// loops through the array adding item text/value	
        	for(var i=0;i<Arr.length;i++)
            	{
            		document.forms[0].ddlCategories.options.length ++;
            		document.forms[0].ddlCategories.options[i].value = arr[i].split(",")[0];
            		document.forms[0].ddlCategories.options[i].text = arr[i].split(",")[1];
            	}
            	}	
            			<!-- HTML for example -->
            				<SELECT name="ddlLanguages" id="ddlLanguages" style="font-family:Verdana;" onchange="setRelationship(this.selectedIndex)">
            					<OPTION value="1">Javascript</OPTION>
            					<OPTION value="2">VBscript</OPTION>
            					<OPTION value="3">SQL</OPTION>
            				</SELECT>
            				<BR />
            				<BR />
            				<HR width="300" size="1" color="black" />
            				<BR />
            				<BR />
            				<SELECT name="ddlCategories" id="ddlCategories" style="font-family:Verdana;">
            					<OPTION value=""></OPTION>
            				</SELECT>