python下拉框二级联动_js实现二级联动，select实现

var json = [{

id: 1,

name: '蔬菜',

child: [{

id: '1',

name: '白菜'

}, {

id: '2',

name: '萝卜'

}, {

id: '3',

name: '菠菜'

}]

}, {

id: 2,

name: '肉类',

child: [{

id: '1',

name: '猪肉'

}, {

id: '2',

name: '羊肉'

}, {

id: '3',

name: '牛肉'

}]

}, {

id: 3,

name: '蛋类',

child: [{

id: '1',

name: '鸡蛋'

}, {

id: '2',

name: '鹅蛋'

}, {

id: '3',

name: '鸭蛋'

}]

}];

window.οnlοad=function(){

for(var i = 0;i

var obj = json[i];

var objId =obj.id;

var objname=obj.name;

var optEle = document.createElement("option");

optEle.innerText =objname;

optEle.value=objId;

document.getElementById("sel1").appendChild(optEle)

}

document.getElementById("sel1").οnchange=function(){

for(var i=0;i

if(this.value == "default"){

var secondSelectEle = document.getElementById("second_select");

if(secondSelectEle!=null){

document.getElementById("container").removeChild(secondSelectEle);

}

}

if(json[i].id==this.value){

var childArr = json[i].child;

var secondSle =document.createElement("select");

secondSle.id = "second_select";

for(var k =0; k

var chilId=childArr[k].id;

var chilName=childArr[k].name;

var chilOptEle = document.createElement("option");

chilOptEle.innerText=chilName;

chilOptEle.value=chilId;

secondSle.appendChild(chilOptEle);

}

var secondSelectEle=document.getElementById("second_select");

if(secondSelectEle!=null){

document.getElementById("container").removeChild(secondSelectEle);

}

document.getElementById("container").append(secondSle);

break;

}

}

}

}

类别:

----请选择-----