Giá trị được chọn trong danh sách thả xuống Ajax trong Laravel

Danh sách thả xuống thành phố tiểu bang quốc gia phụ thuộc Laravel với hướng dẫn AJAX. Xuyên suốt hướng dẫn toàn diện này, bạn sẽ xác định cách tạo danh sách thả xuống thành phố của quốc gia phụ thuộc động với sự trợ giúp của jQuery AJAX trong ứng dụng Laravel

Trình đơn thả xuống phụ thuộc là những phần tử giao diện người dùng có giá trị thay đổi hoặc cập nhật dựa trên giá trị của trình đơn thả xuống khác. Trong hướng dẫn này, chúng tôi sẽ xây dựng danh sách thả xuống phụ thuộc bằng AJAX

Đây sẽ là một ví dụ thả xuống của thành phố quốc gia phụ thuộc vào laravel;

Chẳng hạn, bạn phải hiển thị các danh mục phụ dựa trên các danh mục chính;

Trình đơn thả xuống thành phố trạng thái quốc gia năng động dựa trên AJAX này trong laravel sẽ hiển thị thành phố trạng thái quốc gia và các giá trị sẽ thay đổi dựa trên lựa chọn của người dùng

Laravel 9 Ví dụ thả xuống thành phố quốc gia phụ thuộc AJAX

• Bước 1. Tạo dự án Laravel
• Bước 2. Thực hiện kết nối cơ sở dữ liệu
• Bước 3. Tạo mô hình và chạy Migration
• Bước 4. Tạo bộ điều khiển
• Bước 5. Tạo tuyến đường
• Bước 6. Tạo Chế độ xem Blade
• Bước 7. Kiểm tra Quốc gia Bang Thành phố Danh sách thả xuống phụ thuộc

Tạo ứng dụng Laravel

Gọi bước đầu tiên bằng cách cài đặt một dự án laravel mới;

composer create-project laravel/laravel laravel-dependent-dropdown-example --prefer-dist

Thêm chi tiết cơ sở dữ liệu

Sau đó, mở. env và chèn tên cơ sở dữ liệu, tên người dùng và mật khẩu để tạo kết nối cơ sở dữ liệu với ứng dụng

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db
DB_USERNAME=root
DB_PASSWORD=

Nếu bạn đang sử dụng máy chủ cục bộ MAMP trong macO; . tập tin env

UNIX_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sock
DB_SOCKET=/Applications/MAMP/tmp/mysql/mysql.sock

Tạo chế độ và chạy di chuyển

Tiếp theo, bạn cần tạo mô hình quốc gia, tiểu bang và thành phố cộng với các tệp di chuyển

php artisan make:model Country
php artisan make:model State
php artisan make:model City
php artisan make:migration create_country_state_city_tables

Sau đó, mở cơ sở dữ liệu/di chuyển/create_country_state_city_tables. php và cập nhật đoạn mã sau