Trình đơn thả xuống theo tầng [phụ thuộc, theo chuỗi] là một trong những thành phần web được sử dụng phổ biến nhất, tự động điền vào một lựa chọn thả xuống duy nhất tùy thuộc vào giá trị được chọn trong một lựa chọn khác hoặc một nhóm các lựa chọn
Ví dụ: bạn có thể tạo 2 danh sách thả xuống [Tiểu bang và Thành phố] trong đó chỉ hiển thị các thành phố của các tiểu bang đã chọn
Trong bài đăng trên blog này, chúng tôi sẽ giới thiệu 10 plugin jQuery tốt nhất và được tải xuống nhiều nhất cũng như Thư viện Vanilla JavaScript giúp bạn triển khai trình đơn thả xuống xếp tầng trên ứng dụng web với nỗ lực tối thiểu. Tôi hy vọng bạn thích nó và vui chơi
Được xuất bản lần đầu vào ngày 25 tháng 5 năm 2019, cập nhật ngày 12 tháng 2 năm 2022
Mục lục
Plugin thả xuống xếp tầng jQuery
Trình cắm danh sách thả xuống xếp tầng [phụ thuộc] - jQuery Chained Selects
Chained Selects là một plugin jQuery để tạo danh sách thả xuống phụ thuộc từ dữ liệu JSON tự động điền một tập hợp các phần tử được chọn dựa trên lựa chọn trước đó
[Bản trình diễn] [Tải xuống]
Plugin danh sách thả xuống xếp tầng jQuery động
Một plugin jQuery nhẹ và dễ sử dụng để xếp tầng danh sách thả xuống
[Bản trình diễn] [Tải xuống]
Plugin thả xuống phụ thuộc đa cấp với jQuery - Trình đơn thả xuống phụ thuộc
Một plugin jQuery tối giản để tạo danh sách thả xuống chọn phụ thuộc đa cấp trong đó các tùy chọn được lấy tùy thuộc vào giá trị được chọn trong một đầu vào chọn khác
[Bản trình diễn] [Tải xuống]
Plugin thả xuống xếp tầng cơ bản - jQuery FilterSelect
FilterSelect là một plugin thả xuống theo tầng cực kỳ đơn giản [còn gọi là thả xuống phụ thuộc] tự động hiển thị/ẩn các tùy chọn được chọn tùy thuộc vào giá trị của các phần tử được chọn khác
[Bản trình diễn] [Tải xuống]
Plugin danh sách thả xuống phụ thuộc động với jQuery - LinkedSelect
LinkedSelect là một plugin jQuery để tạo danh sách thả xuống phụ thuộc [xếp tầng] cho phép người dùng chọn một tùy chọn dựa trên tùy chọn đã chọn trước đó
[Bản trình diễn] [Tải xuống]
Trình cắm thả xuống phụ thuộc hỗ trợ Ajax dễ dàng với jQuery - ssdCascadingDropDown
ssdCascadingDropDown là một plugin jQuery để tạo danh sách thả xuống xếp tầng động cho phép hiển thị/ẩn các tùy chọn được chọn tùy thuộc vào sự thay đổi của danh sách thả xuống được chọn khác
[Bản trình diễn] [Tải xuống]
Tạo menu thả xuống theo tầng với jQuery - Chọn theo chuỗi
Một plugin jQuery nhẹ và dễ sử dụng để tạo danh sách thả xuống xếp tầng/xích tự động điền các phần tử chọn tương ứng dựa trên lựa chọn trước đó
[Bản trình diễn] [Tải xuống]
Thư viện thả xuống xếp tầng Vanilla JS
Menu thả xuống xếp tầng tối thiểu trong JS thuần túy - lựa chọn phụ thuộc
các lựa chọn phụ thuộc là một thư viện JavaScript tối thiểu, kín đáo để tạo các menu thả xuống xếp tầng
[Bản trình diễn] [Tải xuống]
Thư viện thả xuống xếp tầng JavaScript thuần túy – cascadingLists
CascadingCascadingcaChỉ là một triển khai JavaScript khác của danh sách thả xuống xếp tầng hỗ trợ ajax trong đó các tùy chọn của lựa chọn hiện tại phụ thuộc vào những thay đổi của các mục trong lựa chọn trước đó
[Bản trình diễn] [Tải xuống]
Danh sách thả xuống tự động hoàn thành xếp tầng trong JavaScript – AutoCompleTree
Plugin tự động hoàn thành JavaScript thuần túy cho phép người dùng chọn các mục từ danh sách thả xuống tự động hoàn thành xếp tầng giống như cây phân cấp
[Bản trình diễn] [Tải xuống]
Phần kết luận
Tìm kiếm thêm các plugin jQuery hoặc thư viện JavaScript để tạo danh sách thả xuống xếp tầng [phụ thuộc] tuyệt vời trên web và thiết bị di động?
Xin chào, tôi có mã này Nhưng tôi không biết tại sao nó không hoạt động. Màn hình hiển thị cho tôi nhưng nếu tôi thay đổi danh sách thả xuống đầu tiên thì không thay đổi danh sách thả xuống thành danh sách thứ hai
Tôi đang sử dụng tập lệnh trong ứng dụng HTML này
Đây là mã của tôi, tôi sử dụng HTML và jQuery
Cascading Dropdown Example
Tôi lấy mã đó từ nguồn này. https. //jsfiddle. net/userdude/bY5LF/