市区二级联动上拉框

市区二级联动下拉框
最近在项目中，用到二级联动下拉框，纯js的。记录下。

其中，这些主要由Area.js实现。（此为在网上找的，修改了下）

主要记录下，在修改页面时，让市、区默认选中。

    // 下面代码中用到ext，也可以通过传统方式来实现  Init();    var citySel = Ext.getDom("Select1");  var city = Ext.getDom("xiangmudishi").value;  for(i=0;i<citySel.options.length;i++) {      if(city == citySel.options[i].value){          citySel.options[i].selected = true;          selectCity();          var countySel = Ext.getDom("Select2");          var county = Ext.getDom("xiangmuquxian").value;          for(j=0;j<countySel.options.length;j++){              if(county == countySel.options[j].value){                  countySel.options[j].selected = true;                  break;              }          }          break;      }  }

  <!-- 用于接收修改前的原数据，此处为了方便记录，写死-->  <input type="hidden"  id="xiangmudishi" value="西安市"/>  <input type="hidden"  id="xiangmuquxian" value="高新区"/>    <select id="Select1" name="xiangMu.dishi" onchange="selectCity();">  </select>  <select id="Select2" name="xiangMu.quxian" > </select>