下拉框联动的问题，急啊！

Question

本人刚开始学java．要做下拉框联动．但是实在是没有基础．所以这段代码都看不动．求各位高手帮帮我．帮我写下注释．谢谢．我已经写了几句了．求各位帮忙下．对小妹我非常重要．谢谢谢谢！！！！！！！
var dataArray = new Array();
dataArray[0] = "1|0|A";
dataArray[1] = "2|0|B";
dataArray[2] = "3|0|C";
dataArray[3] = "4|0|D";dataArray[4] = "5|1|AA";
dataArray[5] = "6|1|AA1";
dataArray[6] = "7|1|AA2";
dataArray[7] = " 8-|1|AA2";
dataArray[8] = "9|5|AAA";
dataArray[9] = "10|9|AAAA";
//取得下来选择框的容器
var selWarpper = $("aa");
/**第一个他自己的id，第二个父id，null的要转换成0，第三个部门名称
 * 初始化下拉选框，可以设置选中的项，要设置选中的话，就把要选中的项的值传进来
 * @param {Object} parentid 父级编号
 * @param {Object} selID select的id
 * @param {Object} value select选种的值，有值的话，相等就会被选种，没有的话输入“”
 */
function initSel(parentid,selID,value)
{
 var sel = $(selID);//根据selID获得下拉框对象
 //元素不存在就创建
 if(!sel)//没有下拉框
 {
  sel = document.createElement("SELECT");//创建一个下拉框
  sel.id = selID;//把传进来的id付给刚创建的这个下拉框
  sel.name = selID;//把传进来的name付给刚创建的这个下拉框
  selWarpper.appendChild(sel);//把这个对象加载到下拉框容器中
 }
 sel.onchange($(selID).value,parseInt(selID)+1,"");
 var valueArray;
 var option = document.createElement("OPTION");//创建下拉框选项目
 option.value = "";
 option.text = "--请选择--";
 sel.add(option);
 var toCount = 0;
 for(var i = 0;i<dataArray.length;i++)
 {
  valueArray = dataArray[i].split("|");
  if(parseInt(valueArray[1] == parentid))
  {
   var option = document.createElement("OPTION");
   option.value = valueArray[0];
   option.text = valueArray[2];
   if(value)
   {
    if(parseInt(value)==valueArray[0])
     option.selected = true;
   }
   sel.add(option);
   toCount++;
  }
 }
 //没有选项就移除此下拉框
 if(toCount == 0)
  selWarpper.removeChild(sel);
}
function setSub(parentid,selID,value)
{
 var sel = $(selID);
 //元素不存在就创建
 if(!sel)
 {
  sel = document.createElement("SELECT");
  sel.id = selID;
  sel.name = selID;
  selWarpper.appendChild(sel);
 } 
 removeOptions(sel);
 sel.onchange($(selID).value,parseInt(selID)+1,"");
 var valueArray;
 var toCount = 0;
 var option = document.createElement("OPTION");
 option.value = "";
 option.text = "--请选择--";
 sel.add(option);
 for(var i = 0;i<dataArray.length;i++)
 {
  valueArray = dataArray[i].split("|");
  if(parseInt(valueArray[1] == parentid))
  {
   var option = document.createElement("OPTION");
   option.value = valueArray[0];
   option.text = valueArray[2];
   if(value)
   {
    if(parseInt(value)==valueArray[0])
     option.selected = true;
   }
   sel.add(option);
   toCount++;
  }
 }
 //没有选项就移除此下拉框
 if(toCount == 0)
  selWarpper.removeChild(sel);
}
/**
 * 取得dhtml对象
 * @param {Object} id dhtml元素的id
 */
function $(id)
{
 return document.getElementById(id);
}
/**
 * 移除select的选项
 * @param {Object} o select对象
 */
function removeOptions(o)
{
 while(o.options.length > 0)
  o.options.remove(0);
}