**$.each(arrData, function (key,value){})
可以遍历数组,还可以遍历对象,获取对象属性和值,
使用方式和遍历数组基本一致**
<title></title>
<script type="text/javascript">
$(function () {
function objInit(obj) {
return $(obj).html("<option>请选择</option>");
}
var arrData = {
"厂商1": { "品牌1—1": "型号1-1-1,型号1-1-2", "品牌1—2": "型号1-2-1,型号1-2-2" },
"厂商2": { "品牌2—1": "型号2-1-1,型号2-1-2", "品牌2—2": "型号1-2-1,型号2-2-2" },
"厂商3": { "品牌3—1": "型号3-1-1,型号3-1-2", "品牌3—2": "型号3-2-1,型号3-2-2" }
};
$.each(arrData, function (pF) {
$("#selF").append("<option>" + pF + "</option>");
});
//arrData为Json格式;pF为KEY值;pS为VALUE
$("#selF").change(function () {
objInit("#selT");
objInit("#selC");
$.each(arrData, function (pF, pS) {
if ($("#selF option:selected").text() == pF) {
$.each(pS, function (pT, pC) {
$("#selT").append("<option>" + pT + "</option>");
});
$("#selT").change(function () {
objInit("#selC");
$.each(pS, function (pT, pC) {
if ($("#selT option:selected").text() == pT) {
$.each(pC.split(","), function () {
$("#selC").append("<option>" + this + "</option>");
});
}
})
})
}
})
})
})
</script>
<div class="clsInit">
<select id="selF"><option>请选择</option></select>
<select id="selT"><option>请选择</option></select>
<select id="selC"><option>请选择</option></select>
</div>