& lt腳本& gt
$(function(){
var?arr?=?【【‘蘋果‘,‘西瓜‘,‘菠蘿‘,‘梨‘】,【‘番茄‘,‘黃瓜‘】,【‘電視‘,‘洗衣機‘,‘冰箱‘】,【‘手機‘,‘相機‘】】;
$(‘# select 1‘)。on(‘change‘,function(){
$(‘# select 2‘)。empty();
var?瓦爾。=?parse int($(this)。val());
var?html?=?'';
for(var?I = 0;我& ltarr【val】。長度;i++){
html?+=?& lt選擇權?name =“‘+arr【val】【I】+‘“& gt;‘+arr【val】【I】+‘& lt;/option & gt;‘;
}
$(‘# select 2‘)。html(html);
});
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv?class =“div 1“& gt。JQ下拉分類
& ltdiv?class =“div“& gt。
& ltdiv?class =“div 2“& gt。
& ltp & gt& lt標簽?for =“select 1“& gt;主要選項:
& lt選擇?name =“select“id =“select 1“& gt;
& lt選擇權?Name=“水果”?value =“0”?selected =“selected“?& gt水果
& lt選擇權?Name=“蔬菜“?value =‘1‘& gt;蔬菜《/option》
& lt選擇權?Name=“家用電器”?value =‘2‘& gt;家電
& lt選擇權?Name=“數字”?value =‘3‘& gt;數字《/option & gt;
& lt/select & gt;
& lt/div & gt;
& ampnbsp& ampnbsp& ampnbsp
& ltdiv?class =“div 2“& gt。
& ltp & gt& lt標簽?for =“select 2“& gt;子選項:
& lt選擇?name =“select“?id =“select 2“& gt;
& lt選擇權?Name=“蘋果”?selected =“selected“& gt;蘋果公司《/option & gt;
& lt選擇權?Name=“西瓜“》西瓜
& lt選擇權?Name=“菠蘿“》菠蘿
& lt選擇權?name =“Pear“》梨
& lt/select & gt;
& lt/div & gt;
& lt/div & gt;
& lt/body & gt;