js linkage three

Plus three examples of their own research online to see get out of

<select id="province">
   <option value="">----请选择----</option>
  </select>省份
  <select id="city">
   <option value="">----请选择----</option>
   </select>市
  <select id="country">
   <option value="">----请选择----</option>
   </select>区

var City = [
     [ 'Hefei', 'Suzhou', 'INDUSTRY', 'fuyang', 'Bengbu', 'huainan', 'chuzhou', 'Shan', 'Wuhu', 'tongling', 'anqing' ' Huangshan ',' Luan ',' Chizhou ',' Xuancheng ',' Bozhou '],
     [' Guangzhou ',' Shenzhen ',' Qingyuan ',' Shaoguan ',' Heyuan ',' Meizhou ',' Chaozhou ' 'Shantou', 'Jieyang', 'Shanwei', 'Huizhou', 'Dongguan', 'Zhuhai', 'Zhongshan', 'Jiangmen', 'Foshan', 'Zhaoqing', 'Yunfu', 'Yangjiang' ' Maoming ',' Zhanjiang ']];
  var Country = [[[' Hefei 1 ',' Hefei 2 '], [' Suzhou 1 ',' Suzhou 2 '], [' INDUSTRY 1 ',' INDUSTRY 2 '], [ 'Fuyang 1', 'fuyang 2'], [ 'Bengbu 1', 'Bengbu 2'], [ 'Huainan 1', 'huainan 2']
      , [ 'Chuzhou 1', 'chuzhou 2'], [ ' Shan 1 ',' 2 Shan '], [' Wuhu 1 ',' 2 Wuhu '], ['Tongling 1 ',' 2 tongling '], [' Anqing ',' anqing 2 '], [' Huangshan ',' Huangshan 2 ']
      , [' Luan 1 ',' 2 Luan '], [' 1 Chizhou ',' chizhou 2 '], [' xuancheng 1 ',' 2 xuancheng '], [' bozhou 1 ',' 2 bozhou ']], [[' Guangzhou 1 ',' 2 Guangzhou '], [' Shenzhen 1 ',' Shenzhen 2 ']
      , [' Qingyuan ',' Qingyuan 2 '], [' Shaoguan 1 ',' Shaoguan 2 '], [' Heyuan 1 ',' Heyuan 2 '], [' Meizhou 1 ' 'Meizhou 2'], [ 'Chaozhou 1', 'Chaozhou 2'], [ 'Shantou 1', 'Shantou 2']
      , [ 'jieyang 1', 'jieyang 2'], [ 'Shanwei 1', ' Shanwei '], [' Huizhou 1 ',' Huizhou 2 '], [' Dongguan 1 ',' Dongguan 2 '], [' Zhuhai 1 ',' Zhuhai 2 '], [' Zhongshan 1 ',' Zhongshan 2 ' ]Xuancheng 2 '], [' bozhou 1 ',' 2 bozhou ']], [[' Guangzhou 1 ',' 2 Guangzhou '], [' Shenzhen 1 ',' 2 Shenzhen '] , [' Qingyuan '' Qingyuan 2 '], [' Shaoguan 1 ',' Shaoguan 2 '], [' Heyuan 1 ',' Heyuan 2 '], [' Meizhou 1 ',' Meizhou 2 '], [' Chaozhou 1 ',' Chaozhou 2 '], [' Shantou 1 ',' Shantou 2 '] , [' jieyang 1 ',' jieyang 2 '], [' Shanwei 1 ',' Shanwei '], [' Huizhou 1 ',' Huizhou 2 '], [ 'Dongguan 1', '2 Dongguan'], [ 'Zhuhai 1', '2 Zhuhai'], [ 'Zhongshan 1', '2 Zhongshan']Xuancheng 2 '], [' bozhou 1 ',' 2 bozhou ']], [[' Guangzhou 1 ',' 2 Guangzhou '], [' Shenzhen 1 ',' 2 Shenzhen '] , [' Qingyuan '' Qingyuan 2 '], [' Shaoguan 1 ',' Shaoguan 2 '], [' Heyuan 1 ',' Heyuan 2 '], [' Meizhou 1 ',' Meizhou 2 '], [' Chaozhou 1 ',' Chaozhou 2 '], [' Shantou 1 ',' Shantou 2 '] , [' jieyang 1 ',' jieyang 2 '], [' Shanwei 1 ',' Shanwei '], [' Huizhou 1 ',' Huizhou 2 '], [ 'Dongguan 1', '2 Dongguan'], [ 'Zhuhai 1', '2 Zhuhai'], [ 'Zhongshan 1', '2 Zhongshan']Shanwei '], [' Huizhou 1 ',' Huizhou 2 '], [' Dongguan 1 ',' Dongguan 2 '], [' Zhuhai 1 ',' Zhuhai 2 '], [' Zhongshan 1 ',' Zhongshan 2 ' ]Shanwei '], [' Huizhou 1 ',' Huizhou 2 '], [' Dongguan 1 ',' Dongguan 2 '], [' Zhuhai 1 ',' Zhuhai 2 '], [' Zhongshan 1 ',' Zhongshan 2 ' ]
      , [ 'Jiangmen 1', 'Jiangmen 2'], [ 'Foshan 1', 'Foshan 2'], [ 'Zhaoqing 1', 'zhaoqing 2'], [ 'yunfu 1', 'YUNFU 2'], [ 'Yangjiang 1', '2 YANGJIANG'], [ 'Maoming 1', '2 Maoming']
      , [ 'Zhanjiang 1', '2 Zhanjiang']]];

 

 

$(function(){
   for(var i in province){
    $("#province").append('<option>'+province[i]+'</option>');

}

 $ ( "# Province") Change (function () {.
      $ ( "# City") Children () not (... ': EQ (0)') the Remove (); // select other provinces when the prior to empty the contents out
      $ ( "# country") children () not... ( ': eq (0)') remove (); // this step is for, when you choose other provinces selected, you is selected from the other does not flush other provinces,
     var = $ City (the this) .children ( "option: selected") index (); // get the selected value.
     var = the citys City [num1-1]; 
      var citys = city [City-1] ; // Why City-1 because it is inside the city to be in phase with the province for the first line we have a fight --- Please select ----, to have it cut association out can then spread inside the city, and then find out citys traversal
      for (var I in citys) {
       $ ( "# city"). the append ( "<Option>" + citys [I] + "</ Option > ");
      }
    });

$("#city").change(function(){
     $("#country").children().not(":eq(0)").remove();
     var Country=$(this).children("option:selected").index();//:selected---查找所有选中的选项元素--$("select  option:elected")
     var countrys = country[Country-1][Country-1];
     for(var i in countrys){
      $("#country").append("<option>"+countrys[i]+"</option>");
     }
    })

})