html 如何快速填充数据,html – 如何在轨道中快速填充*数据相互依赖的*下拉列表？...

您好,您可以创建JSON对象

对于所有细节,基于所选的值,您可以循环数组并填充值.让我来

var cardetail = [{

"name": "MARUTI",

"model": [{

"name": "SWIFT",

"year": ["2005", "2006", "2008"]

}, {

"name": "ALTO",

"year": ["2009", "2010", "2011"]

}]

}, {

"name": "Hundai",

"model": [{

"name": "I20",

"year": ["2011", "2012", "2013"]

}, {

"name": "I20",

"year": ["2013", "2014", "2015"]

}]

}];

var currentCumpany = null;

var currentModel = null;

$(document).ready(function() {

$("#company").append("Select Company");

for (i = 0; i < cardetail.length; i++) {

$("#company").append("" + cardetail[i].name + "");

};

$("#company").change(function() {

for (i = 0; i < cardetail.length; i++) {

if (cardetail[i].name == $("#company").val()) {

currentCumpany = cardetail[i];

}

};

$("#model").html("");

for (i = 0; i < currentCumpany.model.length; i++) {

$("#model").append("" + currentCumpany.model[i].name + "");

};

});

$("#company").change(function() {

for (i = 0; i < cardetail.length; i++) {

if (cardetail[i].name == $("#company").val()) {

currentCumpany = cardetail[i];

}

};

$("#model").html("");

for (i = 0; i < currentCumpany.model.length; i++) {

$("#model").append("" + currentCumpany.model[i].name + "");

};

});

$("#model").change(function() {

for (i = 0; i < currentCumpany.model.length; i++) {

if (currentCumpany.model[i].name == $("#model").val()) {

currentModel = currentCumpany.model[i];

}

};

$("#year").html("");

for (i = 0; i < currentModel.year.length; i++) {

$("#year").append("" + currentModel.year[i] + "");

};

});

});