fillCityField( e ) {
    let $select = $( e.currentTarget );
    let $wrapper = $select.closest( '.woocommerce-billing-fields, .woocommerce-shipping-fields' );
    let $cityInput = $wrapper.find( '#billing_city, #shipping_city' );

    $cityInput.val( $select.val() );

    // trigger delivery cost refresh
    $cityInput.trigger( 'keydown' );
  }
/**
   * Fill the hidden City field after selecting the City and District dropdown
   * 
   * TODO: change to pure JS
   */
Fill the hidden City field after selecting the City and District dropdown

change to pure JS
Fill the hidden City field after selecting the City and District dropdown change to pure JS
fillCityField( e ) {
    let $select = $( e.currentTarget );
    let $wrapper = $select.closest( '.woocommerce-billing-fields, .woocommerce-shipping-fields' );
    let $cityInput = $wrapper.find( '#billing_city, #shipping_city' );
    $cityInput.val( $select.val() );
    $cityInput.trigger( 'keydown' );
  }
fillCityField ( e ) { let $select = $ ( e . currentTarget ) ; let $wrapper = $select . closest ( '.woocommerce-billing-fields, .woocommerce-shipping-fields' ) ; let $cityInput = $wrapper . find ( '#billing_city, #shipping_city' ) ; $cityInput . val ( $select . val ( ) ) ; $cityInput . trigger ( 'keydown' ) ; }
Fill the hidden City field after selecting the City and District dropdown
Fill the hidden City field after selecting the City and District dropdown
// trigger delivery cost refresh