市区二级联动下拉框

最近在项目中，用到二级联动下拉框，纯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>