Hướng dẫn tạo ô tìm kiếm theo các cấp

Bài viết hướng dẫn các bạn tạo ô tìm kiếm theo cấp, vd ở các web bất động sản thì sau khi chọn thành phố, sẽ chọn tiếp quận huyện, phường xã chứ ko liệt kê 1 loạt

Trước tiên các bạn tạo cây danh mục như hình

Thêm chức năng tìm kiếm sản phẩm vào vị trí muốn chèn, cài đặt box ... , css

Cài đặt các tùy chọn cho chức năng này, quan trọng nhất là các bạn phải chọn danh mục "Điạ chỉ" ở ô tìm kiếm danh mục 1 và chọn hiện 1 cấp ở bên cạnh, ở ô tìm theo danh mục 2 thì các bạn phải chọn hiện cấp con của Ô tìm theo danh mục 1, ở Ô tìm theo danh mục 3 thì các bạn lại chọn hiện cấp con của Ô tìm theo danh mục 2, mẫu chốt ở chỗ này

Cài thêm các tùy chọn khác, thêm code html theo ý bạn và test thử ở trang web

Chúc các bạn thành công