Jquery实现三级联动的问题，内容重复

大家好，我用Jquery开始做了一个两级联动的，没有任何问题。
代码流程为：
1、清除顶级下拉框内容
2、使用ajax获取后台数据，将顶级下拉框内容填充
3、顶级下拉框发生变动时，清除二级下拉框内容
4、使用ajax获取后台数据，将二级下拉框内容填充。*、在每次变动顶级下拉框时，也同时清除了三级下拉框的内容。现在需要在添加一个下拉框，根据二级下拉框的变动清除填充三级下拉框内容。如果只是选择一个顶级下拉框的内容，之后再选择二级下拉框的内容，三级下拉框的内容没有任何问题。但是多次选择顶级，二级下拉框之后，相应的三级下拉框就会出现重复内容，或者出现多个空内容。请遇到该问题的朋友赐教。谢谢。代码：//该方法根据文章板块读取该板块所有文章类别
function createOption (data) {
var obs=data.split(",");
for(var i=0;i<obs.length;i++){
var newoption=document.createElement("OPTION");
articlekind.options.add(newoption);
newoption.innerText=obs[i];
newoption.value=obs[i];
}
}
//如果专区类别下拉框发生变化，则根据不同专区去读不同专区下的所有类别以供选择
$("#content .single1 p #akind").change(function(){
var soption=$("#content .single1 p #akind").val();
articlekind=document.getElementById("sort");
/*for(var i=articlekind.options.length;i>=0;i--){
articlekind.options.remove(i)
}*/
while(articlekind.childNodes.length>0){
   articlekind.removeChild(articlekind.childNodes[0]);
}
/* 当顶级下拉框发生变化时同时清除三级下拉框内容 */
lsort = document.getElementById("lsort");
while(lsort.childNodes.length>0){
   lsort.removeChild(lsort.childNodes[0]);
}

if(soption=="1"){
cii="-请选择-";
}else if(soption=="cba"){
$.get("/ptAdmin/cbasortquery/servlet?r="+Math.random(),null,function(data){
createOption(data);
})

}
...
...三级下拉框根据二级下拉框的变动清除读取内容，代码与上面一样。但是问题确出现了，请高手赐教！