Menu thả xuống nhiều lựa chọn Với hộp kiểm là một phương pháp rất hữu ích để cho phép người dùng chọn nhiều tùy chọn. Bạn có thể sử dụng jQuery để làm cho trình đơn thả xuống nhiều lựa chọn thân thiện hơn với người dùng và thêm hộp kiểm vào từng tùy chọn trong trình đơn thả xuống nhiều lựa chọn
Trong blog này, chúng tôi đã trình bày một ví dụ về plugin jQuery Multiselect, biến danh sách thả xuống thành hộp thả xuống hộp kiểm dễ sử dụng
Plugin này đi kèm với nhiều tùy chọn như hộp kiểm, tùy chọn tìm kiếm, chọn tất cả các tùy chọn hộp kiểm và với tính năng optgroup
Thêm tính năng thả xuống nhiều lựa chọn của jQuery
- Hỗ trợ optgroup và danh mục
- phong cách tùy chỉnh
- Cho phép chọn các tùy chọn từ một phương thức
Cách sử dụng jQuery MultiSelect Dropdown Plugin
Để thêm menu thả xuống đa lựa chọn jQuery này với plugin hộp kiểm, trước tiên, bạn đã tải các tệp thư viện plugin
Bao gồm các thư viện jQuery và tệp CSS này trên trang biểu mẫu của bạn
1
2
3
4
type="text/javascript" src="js/jquery.multi-select.js">
Now, create element to show dropdown checkbox list. Define all option values inside tags. To allow multiple selecting option, need to specify ‘multiple’ attribute in select element.
Giả sử bạn có một danh sách thả xuống nhiều lựa chọn như thế này
1
2
3
4
5