diff --git a/src/components/form/AddressForm.vue b/src/components/form/AddressForm.vue
index 6d7fcf84..3b178315 100644
--- a/src/components/form/AddressForm.vue
+++ b/src/components/form/AddressForm.vue
@@ -103,14 +103,6 @@ async function fetchSubDistrict() {
   );
 }
 
-async function selectSubDistrict(id: string) {
-  if (!id) return;
-  zipCode.value =
-    addrOptions.subDistrictOps
-      ?.filter((x) => x.id === id)
-      .map((x) => x.zipCode)[0] ?? '';
-}
-
 const provinceOptions = ref<Record<string, unknown>[]>([]);
 let provinceFilter: (
   value: string,
@@ -383,7 +375,11 @@ watch(districtId, fetchSubDistrict);
           readonly
           :label="$t('zipCode')"
           class="col-md-2 col-6"
-          v-model="zipCode"
+          :model-value="
+            addrOptions.subDistrictOps
+              ?.filter((x) => x.id === subDistrictId)
+              .map((x) => x.zipCode)[0] ?? ''
+          "
         />
       </div>
 
@@ -572,7 +568,11 @@ watch(districtId, fetchSubDistrict);
           zip="zip-en"
           :label="$t('zipCode')"
           class="col-md-2 col-6"
-          v-model="zipCode"
+          :model-value="
+            addrOptions.subDistrictOps
+              ?.filter((x) => x.id === subDistrictId)
+              .map((x) => x.zipCode)[0] ?? ''
+          "
         />
       </div>
     </div>