spz-area 级联选择

需要从一组相关联的数据进行选择，例如国家、省份和手机区号。一般用在地址薄页面。

基础用法。一般同时用 country, province 和 areacode 三个选择框进行联动。用法说明：

• 当是 province 或 areacode 时，需要指定一个 country-id 来标记和带有 country 属性的元素进行联动。
• 当用户选择国家区域时，会自动将省份的选择数据更换为当前国家的省份数据，手机区号会自动切换为当前选中国家的手机区号。
• 当国家或省份对应的元素没有写 input 的隐藏域时，会使用 country 或 province 属性作为 input 的 name 属性值来生成一个默认的隐藏域，值为空字符串或当前选中的值。

<form method="POST" refresh-when-submit-success custom-validation="show-first-on-submit" action-xhr="/api/customers/addresses">
  <!-- ... -->
   <spz-area country id="addressesAddCountry" layout="container">
    <select name="country_code" value="" required>
      <option empty value="" selected disabled>Country</option>
    </select>
  </spz-area>

  <spz-area province layout="container" country-id="addressesAddCountry">
    <select name="province_code" value="">
      <option empty value="" selected disabled>Province</option>
    </select>
    <input type="hidden" name="province" value="">
  </spz-area>

  <spz-area areacode layout="container" country-id="addressesAddCountry">
    <select name="phone_area_code" value="">
      <option empty value="" selected disabled>Area code</option>
    </select>
  </spz-area>
  <!-- ... -->
</form>