复选框问题

遇到了一个问题：我在D8里面想弄2个复选框的,想法是前面的显示国家后面的相应的出现该国家的城市，下面的是JSP的，但是这个只能在一些浏览器上运行，求哪位大虾给一个通用点的！！！<script type="text/javascript">
 function show_city()
 {
   var country_get = document.getElementById('country');
   var city_show = document.getElementById('city');
   var China=new Array('北京','上海','重庆','广东','安徽','四川','湖南','新疆','西藏');
   var America=new Array('华盛顿', '纽约', '拉斯维加斯', '底特律', '夏威夷', '洛杉矶', '丹佛', '休斯敦');
   var England=new Array('伦敦', '曼彻斯特', '利兹', '纽卡斯尔','伯明翰');
   
   if(country_get.value=="中国"){
   city_show.length=0;  //清空  
      for(var i=0;i<China.length;i++)
    city_show.options.add(new Option(China[i], China[i]));
   }
   else if(country_get.value=="美国"){
    city_show.length=0; 
       for(var i=0;i<America.length;i++)
    city_show.options.add(new Option(America[i], America[i]));
   }
   else if(country_get.value=="英国"){
   city_show.length=0;
      for(var i=0;i<England.length;i++)
    city_show.options.add(new Option(England[i], England[i]));
   }
   
   else{
       city_show.length=0; //任何国家都不选时，省份城市也清空
   }
 }

</script>