3リンケージJS

プラスから抜け出すオンライン、自分の研究の3つの例を見るために

<選択し、ID = "州">
   <オプション値= ""> ----请选择---- </オプション>
  </ select>の省份
  <選択のid = "都市">
   <オプション値を= ""> - ---请选择---- </オプション>
   </ select>の市
  <選択のid = "国">
   <オプション値= ""> ----请选择---- </オプション>
   </選択>区

VAR市= [
     [ '合肥'、 '蘇州'、 'INDUSTRY'、 '阜陽'、 '蚌埠'、 '淮南'、 'ジョ州市'、 'シャン'、 '蕪湖'、 '銅陵'、 '安慶' '黄''ルアン''池州''宣''亳州']、
     ['広州''深''清''韶関''河源''梅''潮' 「汕頭」、「掲陽」、「汕尾」、「恵」、「東莞」、「珠海」、「中山」、「江」、「佛」、「肇慶」、「雲浮」、「陽」 '茂名''湛江']];
  VAR国= [[['肥1 ''肥2 ']、['蘇州1 ''蘇州2 ']、[' INDUSTRY 1 '' INDUSTRY 1,2「]、 [ '阜陽1'、 '阜陽1,2']、[ '蚌埠1'、 '蚌埠1,2']、[ '淮南1'、 '淮南1,2']
      、[ 'ジョ州市1'、 'ジョ州市1,2']、[ 'シャン1 '' 2シャン']、['蕪湖1 '' 2蕪湖']、['2安慶'' '' 2陵']、['安慶を1陵']、['黄''黄1,2 ']
      、['ルアン1 '' 2ルアン']、[' 1池州''池州1,2 ']、['宣1 '' 2宣']、['亳州1 '' 2亳州']]、[['広州1 '' 2広州']、['シンセン1 ''深2 ']
      、['清''清1,2 ']、['韶関1 ''韶関1,2 ']、['河源1 ''河源2 ']、['梅1 ' '梅1,2']、[ '潮1'、 '潮2']、[ '汕頭1'、 '汕頭1,2']
      、[ '掲陽1'、 '掲陽1,2']、[ '汕尾1'、 '汕尾']、['恵州1 ''恵2 ']、['東莞1 ''東莞1,2 ']、['珠海1 ''珠海1,2 ']、['中山1 ''中山2 ' ]宣1,2 ']、['亳州1 '' 2亳州']]、[['広州1 '' 2広州']、['シンセン1 '' 2深'] 、['清''清1,2 ']、['韶関1 ''韶関1,2 ']、['河源1 ''河源2 ']、['梅1 ''梅1,2 ']、['潮1 ''潮2 ']、['汕頭1 ''汕頭1,2 '] 、['掲陽1 ''掲陽1,2 ']、['汕尾1 ''汕尾']、['恵州1 ''恵2「]、 [ '東莞1'、 '2東莞']、[ '珠海1'、 '2珠海']、[ '中山1'、 '2中山']宣1,2 ']、['亳州1 '' 2亳州']]、[['広州1 '' 2広州']、['シンセン1 '' 2深'] 、['清''清1,2 ']、['韶関1 ''韶関1,2 ']、['河源1 ''河源2 ']、['梅1 ''梅1,2 ']、['潮1 ''潮2 ']、['汕頭1 ''汕頭1,2 '] 、['掲陽1 ''掲陽1,2 ']、['汕尾1 ''汕尾']、['恵州1 ''恵2「]、 [ '東莞1'、 '2東莞']、[ '珠海1'、 '2珠海']、[ '中山1'、 '2中山']汕尾 ']、[' 恵州1 '' 恵2 ']、[' 東莞1 '' 東莞1,2 ']、[' 珠海1 '' 珠海1,2 ']、[' 中山1 '' 中山2 ' ]汕尾 ']、[' 恵州1 '' 恵2 ']、[' 東莞1 '' 東莞1,2 ']、[' 珠海1 '' 珠海1,2 ']、[' 中山1 '' 中山2 ' ]
      、[ '江1'、 '江2']、[ '佛1'、 '佛2']、[ '1肇慶'、 '肇慶2']、[ '雲浮1'、 '雲浮1,2']、[ '陽1'、 '2陽']、[ '茂名1'、 '2茂名']
      、[ '湛江1'、 '2湛江']]]。

 

 

$(関数(){
   (VAR I州){のための
    $( "#州")APPEND( '<オプション>' +州[I] + '</オプション>')。

}

 $( "#省")の変更(関数(){。
      $( "#市")こども()ない(... ':EQ(0)')削除(); //他の地方を選択うちの内容を空にする前に
      ( "#国")子供$ ()ではない...( ':EQ(0)')のremove(); // 選択したときに、他の州があなた、を選択し、このステップがありますその他から選択されることはないのフラッシュ他の地方、
     VAR = $シティ(この).children(「オプション:選択した」)インデックス(); //選択された値を取得します。
     VAR =市内の市[num1-1]; 
      VAR市内=街の[City-1] ; // なぜ市-1、それは我々が戦いを持っている最初の行のための州と同相であることを街中にあるので---選択してください----、それをカットを持っています関連outは、その後できる都市内部の広がり、その後、市内トラバーサルを見つける
      (市内でのvar I){のために
       $( "#市")。APPEND( "<オプション>" +市内[I] +「</オプション>「);
      }
    })。

。$( "#市")の変化(機能(){
     $( "#国")、子供()ない(。。。 ":EQ(0)")のremove();
     VAR国= $(この).children ( "オプション:選択した")。インデックス(); //      するvarのcountrys =国[国-1] [国-1];      (countrysの中VAR i)に対する{       $( "#国")APPEND( "<オプション。 > "+のcountrys [I] +" </オプション> ");      }     }):selected---查找所有选中的选项元素--$("select  option:elected")




})

おすすめ

転載: www.cnblogs.com/rzkwz/p/12057834.html