Here’s a sample of some javascript I recently developed for linked select boxes. Enjoy.
<p> </p> <form name="form1">
<select onchange="updateSelect(this.options[this.selectedIndex].value,document.form1.select2);" size="1" name="select1">
<option selected="" value="">-- Select --</option>
<option value="1|apple*2|pear*3|orange">Fruit</option>
<option value="4|carrot*5|tomato*6|potato*7|cauliflower">Vegetable</option> <option value="8|fish*9|lamb*10|cow">Meat</option>
</select>
<select size="1" name="select2">
<option selected="" value="">-- Select --</option>
</select>
</form>
<p>
<script type="text/javascript">
function updateSelect(selectedValue,selectTarget){
selectTarget.options.length = 0
if (selectedValue!='') {
selectTarget.options[selectTarget.options.length]=new Option('-- Select --','')
sTempAry = selectedValue.split("*")
for (i=0; i<sTempAry.length; i++) {
sTempValAry = sTempAry[i].split("|");
selectTarget.options[selectTarget.options.length]=new Option(sTempValAry[1],sTempValAry[0]) }
}
else {selectTarget.options[selectTarget.options.length]=new Option('-- Select --','') }
}
</script></p>
Advertisement
