I need some help with a dropdown menu. I have the first menu that holds the selection. I need the first menu (when option is choosen) to kick off a php script that will then return information into the second dropdown menu. I was able to find some code on another thread to setup the "parent"/"child" dropdown menu.

Can someone help me with this?

<script language="javascript">
var arr1 = new Array("Waiting on Position Selection");
var arr2 = new Array("blah1", "blah2", "blah3");
var arr3 = new Array("junk1", "junk2", "junk3");

function loadit(junk){
if(junk == 'Beg'){
for(var i = 0; i < arr2.length; i++){
document.theform.select2.options[i] = new Option(arr1[i], arr1[i]);
}
}
else if(junk == 'QB'){
for(var i = 0; i < arr3.length; i++){
document.theform.select2.options[i] = new Option(arr3[i], arr1[i]);
}
}
else if(junk =='RB'){
for(var i = 0; i < arr2.length; i++){
document.theform.select2.options[i] = new Option(arr2[i], arr2[i]);
}
}
else if(junk =='WR'){
for(var i = 0; i < arr3.length; i++){
document.theform.select2.options[i] = new Option(arr3[i], arr3[i]);
}
}
else if(junk =='TE'){
for(var i = 0; i < arr3.length; i++){
document.theform.select2.options[i] = new Option(arr3[i], arr3[i]);
}
}
else if(junk =='DEF'){
for(var i = 0; i < arr3.length; i++){
document.theform.select2.options[i] = new Option(arr3[i], arr3[i]);
}
}
}
</script>


<form name="theform" id="theform">
<select name="thing" id="thing" onChange="loadit(this.value);">
<option>Choose Position</option>
<option value="QB">QB</option>
<option value="RB">RB</option>
<option value="WR">WR</option>
<option value="TE">TE</option>
<option value="DEF">DEF</option>
</select>

<select name="select2" id="select2">
<option value="Waiting on Position Selection">Waiting on Position Selection</option>
</select>
</form>