當前位置:成語大全網 - 書法字典 - Jquery字典列表

Jquery字典列表

& lt劇本?src =“jquery . js“& gt。& lt/script & gt;

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