Tạo Form liên hệ có Quận Huyện

Mình sẽ hướng dẫn cách tạo Form liên hệ có Tỉnh thành – Quận – Huyện bằng Caldera Forms Free.

Khi bạn chọn vào một tỉnh thành bất kỳ, nó sẽ hiện ra Quận – Huyện tương ứng!

Bắt đầu nhé.

Bài viết có gì?

1. Tạo Form liên hệ

Đầu tiên bạn cần tạo Form liên hệ, với các trường về Tỉnh thành và Quận Huyện. Bạn cần gõ tay tất cả Tỉnh thành phố và Quận huyện nhé.

Hơi cực tí. Nhưng chỉ cần làm một form ban đầu. Từ form thứ hai bạn có thể Clone Form hoặc Export và Import vào một website khác cần sử dụng.

Single Line Text: Họ tên
Dropdown Select: Tỉnh thành – Placeholder: Chọn tỉnh thành – Option: Hà Nội, Sài Gòn, Đà Nẵng
Dropdown Select: Hà Nội – Hide Label – Placeholder: Chọn quận huyện – Option: Cầu Giấy, Đống Đa, Ba Đình
Dropdown Select: Đà Nẵng – Hide Label – Placeholder: Chọn quận huyện – Option: Hải Châu, Sơn Trà, Liên Chiểu

Trường Quận Huyện của Tỉnh thành, đánh dấu Hide Label

Placeholder là Chọn quận huyện, bấm Add Option để thêm tên quận, huyện

2. Thiết lập điều kiện

Tiếp theo chúng ta cần thiết lập điều kiện, để khi bấm vào Tỉnh thành phố bất kỳ, sẽ xuất hiện Quận Huyện tương ứng.

Bấm vào Conditions > Add Conditional Group > Đặt tên Hà Nội > Tại Type, chọn Show > If (Tỉnh thành) is Hà Nội > Đánh dấu Hà Nội

Bấm vào Add Conditional Group > Đặt tên Sài Gòn > Tại Type, chọn Show > If (Tỉnh thành) is Sài Gòn > Đánh dấu Sài Gòn

Bấm vào Add Conditional Group > Đặt tên Đà Nẵng > Tại Type, chọn Show > If (Tỉnh thành) is Đà Nẵng > Đánh dấu Đà Nẵng > Bấm Save Form để lưu lại.