[javascript] Location

Viewer

  1.     <v-row class="">
  2.               <v-col>
  3.                 <v-card rounded="xl" elevation="0" outlined>
  4.                   <v-card-title class="title-card">Alamat Sekolah</v-card-title>
  5.                   <v-divider></v-divider>
  6.                   <v-card-text>
  7.                     <v-row>
  8.                       <v-col md="6" lg="3">
  9.                         <label>Provinsi :</label>
  10.                         <v-autocomplete
  11.                           v-model="province"
  12.                           placeholder="Pilih Provinsi"
  13.                           item-text="province"
  14.                           item-value="province_id"
  15.                           class="field-dialog mt-2"
  16.                           :rules="province_rules"
  17.                           @change="to_get_id_provincy"
  18.                           required
  19.                           background-color="#FFFFFF"
  20.                           type="text"
  21.                           dense
  22.                           filled
  23.                           height="25px"
  24.                           :items="list_province"
  25.                           rounded
  26.                           outlined
  27.                         >
  28.                         </v-autocomplete>
  29.                       </v-col>
  30.  
  31.                       <v-col md="6" lg="3">
  32.                         <label>Kabupaten/Kota :</label>
  33.                         <v-autocomplete
  34.                           v-model="city"
  35.                           placeholder="Pilih Kabupaten/Kota"
  36.                           item-text="name"
  37.                           item-value="city_id"
  38.                           class="field-dialog mt-2"
  39.                           :rules="city_rules"
  40.                           :items="list_city"
  41.                           @change="to_get_id_city"
  42.                           required
  43.                           background-color="#FFFFFF"
  44.                           type="text"
  45.                           dense
  46.                           height="25px"
  47.                           rounded
  48.                           filled
  49.                           outlined
  50.                         ></v-autocomplete>
  51.                       </v-col>
  52.  
  53.                       <v-col md="6" lg="3">
  54.                         <label>Kecamatan :</label>
  55.                         <v-autocomplete
  56.                           v-model="district"
  57.                           placeholder="Pilih Kecamatan"
  58.                           item-text="name"
  59.                           item-value="district_id"
  60.                           class="field-dialog mt-2"
  61.                           required
  62.                           background-color="#FFFFFF"
  63.                           type="text"
  64.                           :rules="district_rules"
  65.                              @change="to_get_id_district"
  66.                           :items="list_district"
  67.                           dense
  68.                           filled
  69.                           height="25px"
  70.                           rounded
  71.                           outlined
  72.                         ></v-autocomplete>
  73.                       </v-col>
  74.  
  75.                       <v-col md="6" lg="3">
  76.                         <label>Kelurahan :</label>
  77.                         <v-autocomplete
  78.                           v-model="sub_district"
  79.                           placeholder="Pilih Kelurahan"
  80.                           item-text="name"
  81.                           item-value="sub_district_id"
  82.                           class="field-dialog mt-2"
  83.                           required
  84.                           background-color="#FFFFFF"
  85.                           type="text"
  86.                           :items="list_sub_district"
  87.                           dense
  88.                           filled
  89.                           height="25px"
  90.                           @change="to_get_id_sub_district"
  91.                           rounded
  92.                           outlined
  93.                         ></v-autocomplete>
  94.                       </v-col>
  95.                     </v-row>
  96.                   </v-card-text>
  97.                 </v-card>
  98.               </v-col>
  99.             </v-row>

Editor

You can edit this paste and save as new:


File Description
  • Location
  • Paste Code
  • 06 May-2021
  • 4.05 Kb
You can Share it: