query.htm

<div class="areaA">
    <select ng-model="areaACountry"   ng-options="citys for (citys, areaACountry) in zipCodes"  ></select>
    <select  ng-model="areaATown"
           ng-options="areas for (areas, zipcode) in areaACountry"  ></select>
</div>
<div class="areaB">
<input type="checkbox"  id="areaBAsAreaA" ng-checked="areaBAsAreaA()"  />與AreaA相同內容<br />
    <select ng-model="areaBCountry"   ng-options="citys for (citys, areaBCountry) in zipCodes"   ></select>
    <select  ng-model="areaBTown"
           ng-options="areas for (areas, zipcode) in areaBCountry"  ></select>
</div>