<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

<script type="text/javascript">

$(function(){

function objInit(obj){

return $(obj).html("<option>请选择</option>");

}

var aa={

厂商1:{品牌1:"型号1_1_0,型号1_1_1",

 品牌1_2:"型号1_2_1,型号1_2_2"},

厂商2:{品牌2:"型号2_1_0,型号2_1_1",

 品牌2_2:"型号2_2_1,型号2_2_2"},

厂商3:{品牌3:"型号3_1_0,型号3_1_1",

 品牌3_2:"型号3_2_1,型号3_2_2"},

};

$.each(aa,function(pF){

$("#selF").append("<option>"+pF+"</option>");

})

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

objInit("#selT");

objInit("#selC");

$.each(aa,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>");

})

}

})

})

}

})

})

$("#Btn1").click(function(){

var b="你选择的厂商:";

b+=$("#selF option:selected").text()

b+="你选择的品牌:";

b+=$("#selT option:selected").text()

b+="你选择的类型:"

b+=$("#selC option:selected").text()

$("#divTip0").show().html(b);

})

})

</script>

<div class="clsInit">

厂商:<select id="selF"><option>请选择</option></select>

品牌:<select id="selT"><option>请选择</option></select>

型号:<select id="selC"><option>请选择</option></select>

<input type="button" value="查询" class="btn" id="Btn1">

</div>

<div class="clsInit" id="divTip0"></div>