<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>