This is what I’m using, not sure if it might be of any help to you:
/* Get country this state field is representing */
$for_country = isset( $args['country'] ) ? $args['country'] : WC()->checkout->get_value( 'billing_state' === $key ? 'billing_country' : 'shipping_country' );
$states = WC()->countries->get_states( $for_country );
$data_label = ! empty( $args['label'] ) ? 'data-label="' . esc_attr( $args['label'] ) . '"' : '';
$field .= '<select name="billing_state" id="billing_state" class="form_state state_select ' . esc_attr( implode( ' ', $args['input_class'] ) ) . '" ' . implode( ' ', $custom_attributes ) . ' data-placeholder="' . esc_attr( $args['placeholder'] ? $args['placeholder'] : esc_html__( 'Select an option…', 'woocommerce' ) ) . '" data-input-classes="' . esc_attr( implode( ' ', $args['input_class'] ) ) . '" ' . $data_label . '>
<option value="">' . esc_html__( 'Select an option…', 'woocommerce' ) . '</option>';
$states='{"CA":{"AB":"Alberta","BC":"British Columbia","MB":"Manitoba","NB":"New Brunswick","NL":"Newfoundland and Labrador","NT":"Northwest Territories","NS":"Nova Scotia","NU":"Nunavut","ON":"Ontario","PE":"Prince Edward Island","QC":"Quebec","SK":"Saskatchewan","YT":"Yukon Territory"},"MX":{"DF":"Ciudad de Mu00e9xico","JA":"Jalisco","NL":"Nuevo Leu00f3n","AG":"Aguascalientes","BC":"Baja California","BS":"Baja California Sur","CM":"Campeche","CS":"Chiapas","CH":"Chihuahua","CO":"Coahuila","CL":"Colima","DG":"Durango","GT":"Guanajuato","GR":"Guerrero","HG":"Hidalgo","MX":"Estado de Mu00e9xico","MI":"Michoacu00e1n","MO":"Morelos","NA":"Nayarit","OA":"Oaxaca","PU":"Puebla","QT":"Queru00e9taro","QR":"Quintana Roo","SL":"San Luis Potosu00ed","SI":"Sinaloa","SO":"Sonora","TB":"Tabasco","TM":"Tamaulipas","TL":"Tlaxcala","VE":"Veracruz","YU":"Yucatu00e1n","ZA":"Zacatecas"},"US":{"AL":"Alabama","AK":"Alaska","AZ":"Arizona","AR":"Arkansas","CA":"California","CO":"Colorado","CT":"Connecticut","DE":"Delaware","DC":"District Of Columbia","FL":"Florida","GA":"Georgia","HI":"Hawaii","ID":"Idaho","IL":"Illinois","IN":"Indiana","IA":"Iowa","KS":"Kansas","KY":"Kentucky","LA":"Louisiana","ME":"Maine","MD":"Maryland","MA":"Massachusetts","MI":"Michigan","MN":"Minnesota","MS":"Mississippi","MO":"Missouri","MT":"Montana","NE":"Nebraska","NV":"Nevada","NH":"New Hampshire","NJ":"New Jersey","NM":"New Mexico","NY":"New York","NC":"North Carolina","ND":"North Dakota","OH":"Ohio","OK":"Oklahoma","OR":"Oregon","PA":"Pennsylvania","RI":"Rhode Island","SC":"South Carolina","SD":"South Dakota","TN":"Tennessee","TX":"Texas","UT":"Utah","VT":"Vermont","VA":"Virginia","WA":"Washington","WV":"West Virginia","WI":"Wisconsin","WY":"Wyoming","AA":"Armed Forces (AA)","AE":"Armed Forces (AE)","AP":"Armed Forces (AP)"}}';
$states=json_decode($states);
foreach ( $states as $ckey => $cvalues ) {
foreach ( $cvalues as $skey => $value ) {
$field .= '<option class="listt state_'.$ckey.'" value="' . esc_attr( $skey ) . '" ' . selected( $value, $skey, false ) . '>' . esc_html( $value ) . '</option>';
}
}
$field .= '</select>';
$field .= "<script type='text/javascript'> jQuery(function($){
jQuery(document.body).on('change', 'select[name=billing_country]', function(){
jQuery('.listt').removeClass('state_listt');
console.log('Country changed: '+jQuery(this).val());
var statecss= 'state_'+jQuery(this).val();
console.log('Country changed: '+statecss);
jQuery('.'+statecss).addClass('state_listt');
// Here run your function or code
});
});
</script>";
}
echo $field;
}
