基于JQuery的无限分级列表

这是html代码大家看个意思就可以

<selectonchange=typeChange(this)>

<optionvalue=>

请选择类型

</option>

<s:iteratorvalue=sightTypes>

<optionvalue=${id}>

${typeName}

</option>

</s:iterator>

</select>

主要思路

列出一级列表

AJAX查找一级列表是否有下级 有增加一个select

functiontypeChange(obj){

varo=$(obj);

varvalue=oval();

varo_stId=$(#sightTypeId);

o_stIdval(value);

onextAll()remove();

if(value!=null&&value!=){

//有选择获取下一级

$ajax({

type:POST

url:地址

data:npid=+value

dataType:json

success:function(msg){

if(msg!=null&&msglength>){

//有下级数据

varaddHtml=<selectonchange=\typeChange(this)\><optionvalue=\\>请选择类型</option>;

for(vari=;i<msglength;i++){

addHtml+=<optionvalue=\+msg[i]id+\>+msg[i]typeName+</option>;

}

addHtml+=</select>;

oafter(addHtml);

}else{return;}

}

});

}

}