Thêm lựa chọn địa chỉ tỉnh thành vào contact form 7

Hướng dẫn sử dụng

Sau khi active bạn chỉ cần chèn các shortcode sau vào đúng chỗ trong form mà bạn muốn hiển thị là được.

Shortcode hiển thị tỉnh/thành phố: hãy gán code này vào chỗ bạn muốn hiển thị tỉnh/thành phố

[select cities class:devvn_cities include_blank "Hà Nội" "TP Hồ Chí Minh" "Hà Giang" "Cao Bằng" "Bắc Kạn" "Tuyên Quang" "Lào Cai" "Điện Biên" "Lai Châu" "Sơn La" "Yên Bái" "Hoà Bình" "Thái Nguyên" "Lạng Sơn" "Quảng Ninh" "Bắc Giang" "Phú Thọ" "Vĩnh Phúc" "Bắc Ninh" "Hải Dương" "Hải Phòng" "Hưng Yên" "Thái Bình" "Hà Nam" "Nam Định" "Ninh Bình" "Thanh Hóa" "Nghệ An" "Hà Tĩnh" "Quảng Bình" "Quảng Trị" "Thừa Thiên Huế" "Đà Nẵng" "Quảng Nam" "Quảng Ngãi" "Bình Định" "Phú Yên" "Khánh Hòa" "Ninh Thuận" "Bình Thuận" "Kon Tum" "Gia Lai" "Đắk Lắk" "Đắk Nông" "Lâm Đồng" "Bình Phước" "Tây Ninh" "Bình Dương" "Đồng Nai" "Bà Rịa - Vũng Tàu" "Long An" "Tiền Giang" "Bến Tre" "Trà Vinh" "Vĩnh Long" "Đồng Tháp" "An Giang" "Kiên Giang" "Cần Thơ" "Hậu Giang" "Sóc Trăng" "Bạc Liêu" "Cà Mau"]

Shortcode hiển thị quận/huyện: hãy gán code này vào chỗ bạn muốn hiển thị lựa chọn quận/huyện

[select district class:devvn_district]

Shortcode hiển thị xã/phường/thị trấn: hãy gán code này vào chỗ bạn muốn hiển thị lựa chọn xã/phường/thị trấn

[select wards class:devvn_wards]

Xong rồi nhé. F5 xem kết quả thôi 🙂

Code hỗ trợ

Đối với Contact Form 7 Version >= 5.7 để thay đổi –Please choose an option– ở select thì bạn jtheem code này vào functions.php của theme đang sử dụng nhé

function devvn_replace_include_blank($name, $text, &$html) {
    $matches = false;
    preg_match('/<select (.*) name="' . $name . '">(.*)</select>/iU', $html, $matches);
    if ($matches) {
        $select = str_replace('<option value="">&#8212;Please choose an option&#8212;</option>', '<option value="">' . $text . '</option>', $matches[0]);
        $select = str_replace('<option value="">&#8212;Vui lòng chọn&#8212;</option>', '<option value="">' . $text . '</option>', $select);
        $html = preg_replace('/<select (.*) name="' . $name . '">(.*)</select>/iU', $select, $html);
    }
}
function devvn_wpcf7_form_elements($html) {
    devvn_replace_include_blank('cities', '- Chọn Tỉnh/Thành phố -', $html);
    devvn_replace_include_blank('district', '- Chọn Quận/Huyện -', $html);
    devvn_replace_include_blank('wards', '- Chọn Xã/Phường/Thị trấn -', $html);
    return $html;
}
add_filter('wpcf7_form_elements', 'devvn_wpcf7_form_elements');

Đối với Contact Form 7 version < 5.7 để thay đổi dấu — ở select thì bạn thêm code này vào funtions.php của theme đang sử dụng là được nhé

function devvn_replace_include_blank($name, $text, &$html) {
    $matches = false;
    preg_match('/<select name="' . $name . '"[^>]*>(.*)</select>/iU', $html, $matches);
    if ($matches) {
        $select = str_replace('<option value="">---</option>', '<option value="">' . $text . '</option>', $matches[0]);
        $html = preg_replace('/<select name="' . $name . '"[^>]*>(.*)</select>/iU', $select, $html);
    }
}
function devvn_wpcf7_form_elements($html) {
    devvn_replace_include_blank('cities', '- Chọn Tỉnh/Thành phố -', $html);
    devvn_replace_include_blank('district', '- Chọn Quận/Huyện -', $html);
    devvn_replace_include_blank('wards', '- Chọn Xã/Phường/Thị trấn -', $html);
    return $html;
}
add_filter('wpcf7_form_elements', 'devvn_wpcf7_form_elements');