jquery实现下拉列表二级联动

时间:2020-12-21 10:13:26
function getPositionGrade(){
$("#flag").nextAll().remove();//如果二级有列表,清除下
//下拉列表二级联动内容
var positionGrades = [
['一线1级','一线2级','一线3级','一线4级','一线5级','二线1级','二线2级','二线3级','二线4级','二线5级'],
['一线1级','一线2级','一线3级','一线4级'],
['一线1级','一线2级','一线3级','一线4级','一线5级','二线1级','二线2级','二线3级','二线4级','二线5级'],
['1级','2级','3级','4级','高级门店经理'],
['助理级','经理1级','经理2级','经理3级','高级门店副经理'],
['初级1级','初级2级','中级1级','中级2级','中级3级','高级专员'],
['初级','中级','高级']
];
var checkIndex = $("#positionLevel").get(0).selectedIndex;//获取一级列表选中的下标,
var positionGrade =positionGrades[checkIndex - 1];//关联二级列表数组
var opt="";//for循环组装下拉列表的内容
for(var i=0;i<positionGrade.length;i++){
opt += "<option value='"+positionGrade[i]+"'>"+positionGrade[i]+"</option>";
}
$("#flag").after(opt);//追加到select中
}


这是我的项目 ,$("#flag")你们也没有,有疑问可以联系我的2624112814交流