Nhiều lựa chọn bootstrap 5

Bootstrap Multiselect - Ví dụ miễn phí, Mẫu & Hướng dẫn

Đáp ứng phản hồi đa năng được xây dựng với bootstrap 5. Ví dụ về thả xuống đa lựa chọn với hộp kiểm, hộp, tìm kiếm, nút, nhóm, biểu tượng, xác thực, vô hiệu hóa

Không giống như một lựa chọn tiêu chuẩn, MultiSelect cho phép người dùng chọn nhiều tùy chọn cùng một lúc

Lưu ý. Để tìm hiểu thêm về chọn thành phần chọn và xem tất cả các tùy chọn, phương thức, sự kiện và cách sử dụng nâng cao có sẵn - đọc phần chọn tài liệu & API Để tìm hiểu thêm về Chọn thành phần và xem tất cả các tùy chọn có sẵn,

ví dụ cơ bản

Thêm thuộc tính

$('#selectEmp').on('change',function(e) { ....

Lưu ý. Thành phần này yêu cầu gói MDBootStrap Pro. Thành phần này yêu cầu gói MDBootstrap Pro

Multisective with label

Có thể thêm nhãn Chọn bằng cách tạo phần tử với các lớp ____ 5> và ________ 6>

Multisective with the place

Sử dụng tùy chọn

$('#selectEmp').on('change',function(e) { ....

Nhiều lựa chọn bị vô hiệu hóa

Thêm thuộc tính

$('#selectEmp').on('change',function(e) { ....

Tùy chọn vô hiệu hóa

Sử dụng thuộc tính

$('#selectEmp').on('change',function(e) { ....

Unknown node

Set option

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

Nội dung tùy chỉnh

Một thùng chứa tùy chỉnh nội dung có lớp

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

Các tùy chọn có thể nhìn thấy

Sử dụng tùy chọn

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

Văn bản thứ cấp

Họ

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

Tìm kiếm

Set option

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

 272:  if (this.options.multiple) {
 273:      // Simply select additional option.
 274:      $option.prop('selected', true);
+275:      this.$button.click();
       }

Select with side search in a method

Do craw lấy nét trong các phương thức, không thể tập trung các phần tử bên ngoài (như chọn thả xuống). Bạn có thể sử dụng tùy chọn Select