Hướng dẫn bootstrap multiselect - bootstrap multiselect

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

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

Nội dung chính ShowShow

  • Bootstrap Multiselect - Ví dụ miễn phí, Mẫu & Hướng dẫn
  • Ví dụ cơ bản
  • Multisective với nhãn
  • Multisective với trình giữ chỗ
  • Multiselect bị vô hiệu hóa
  • Tùy chọn vô hiệu hóa
  • Nút rõ ràng
  • Nội dung tùy chỉnh
  • Các tùy chọn có thể nhìn thấy
  • Văn bản thứ cấp
  • Tìm kiếm
  • Chọn với tìm kiếm bên trong một phương thức
  • Nhóm tùy chọn
  • Multisective với các biểu tượng
  • Thẩm định
  • Thêm các tính năng:
  • Làm thế nào để sử dụng nó:

Nội dung chính ShowShowShow

  • Bootstrap Multiselect - Ví dụ miễn phí, Mẫu & Hướng dẫn
  • Ví dụ cơ bản
  • Multisective với nhãn
  • Multisective với trình giữ chỗ
  • Multiselect bị vô hiệu hóa
  • Tùy chọn vô hiệu hóa
  • Nút rõ ràng
  • Nội dung tùy chỉnh
  • Các tùy chọn có thể nhìn thấy
  • Văn bản thứ cấp
  • Tìm kiếm
  • Chọn với tìm kiếm bên trong một phương thức
  • Nhóm tùy chọn
  • Multisective với các biểu tượng
  • Thẩm định
  • Thêm các tính năng:
  • Làm thế nào để sử dụng nó:

Nội dung chính ShowShow

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. To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section


Ví dụ cơ bản

Multisective với nhãn

Multisective với trình giữ chỗ

Multiselect bị vô hiệu hóa This component requires MDBootstrap Pro package.


Multisective với nhãn

Multisective với trình giữ chỗ


Multisective với trình giữ chỗ

Multiselect bị vô hiệu hóa

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

Multiselect bị vô hiệu hóa

Multisective với nhãn

Multisective với trình giữ chỗ

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

Nút rõ ràng

Nội dung tùy chỉnh

Nút rõ ràng

Nội dung tùy chỉnh

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

Nội dung tùy chỉnh

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

Văn bản thứ cấp

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

Multiselect bị vô hiệu hóa

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

Văn bản thứ cấp

Tìm kiếm

Chọn với tìm kiếm bên trong một phương thức

Tìm kiếm

Chọn với tìm kiếm bên trong một phương thức

Nhóm tùy chọn

Chọn với tìm kiếm bên trong một phương thức

Nhóm tùy chọn

Multisective với các biểu tượng

Nhóm tùy chọn

Multisective với các biểu tượng


7.

Multisective với các biểu tượng

Thẩm định

Thêm các tính năng:

Thẩm định

Nội dung tùy chỉnh

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

Hướng dẫn bootstrap multiselect - bootstrap multiselect

Văn bản thứ cấp

Tìm kiếm

Chọn với tìm kiếm bên trong một phương thức

Thêm các tính năng:

  • Làm thế nào để sử dụng nó:
  • Nội dung chính ShowShow
  • 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 To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section
  • Multiselect bị vô hiệu hóa This component requires MDBootstrap Pro package.

Làm thế nào để sử dụng nó:

Nội dung chính ShowShow





0

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 To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section

Multiselect bị vô hiệu hóa This component requires MDBootstrap Pro package.

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 To learn more about Select component and see all available options, methods, events and advanced usage - read Select Docs & API section





5




6

Thêm thuộc tính





7





1 vào phần tử chọn để kích hoạt nhiều chế độ.

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

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





0

Changelog:

Sử dụng tùy chọn
  • 
    
    
    
    
    8
    
    
    
    
    
    4 để đặt trình giữ chỗ cho đầu vào chọn. Người giữ chỗ sẽ được hiển thị khi đầu vào được tập trung và không có tùy chọn nào được chọn.
    
    
    
    
    
    9
    
    
    
    
    
    5 vào phần tử chọn để vô hiệu hóa đầu vào Chọn.
    
    
    
    
    
    0
Sử dụng thuộc tính
  • 
    
    
    
    
    8
    
    
    
    
    
    4 để đặt trình giữ chỗ cho đầu vào chọn. Người giữ chỗ sẽ được hiển thị khi đầu vào được tập trung và không có tùy chọn nào được chọn.
    
    
    
    
    
    9
    
    
    
    
    
    5 vào phần tử chọn để vô hiệu hóa đầu vào Chọn.
    
    
    
    
    
    0
Sử dụng thuộc tính
  • 
    
    
    
    
    5 trên phần tử tùy chọn để vô hiệu hóa tùy chọn cụ thể.
Đặt tùy chọn
  • Một thùng chứa nội dung tùy chỉnh với lớp
  • 
    
    
    
    
    9 sẽ được hiển thị ở cuối danh sách thả xuống. Trong ví dụ này, chúng tôi đã thêm một nút.

0 để thay đổi số lượng tùy chọn sẽ được hiển thị trong Downown Chọn mà không cần cuộn.
  • Thêm

1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.
  • Thêm


1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

  • v1.1.18 (2021-09-06)

Vá lỗi

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Bugfixes.

Scrollintoview được cải thiện

  • Bugfixes.

v1.1.13 (2021-06-29)

  • ScrollintOview cho lựa chọnDydyicStylingPlugin

v1.1.13 (2021-06-28)

  • v1.1.12 (2021-06-26)

v1.1.11 (2021-06-25)

  • v1.1.8 (2021-06-24)
  • 
    
    1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

v1.1.18 (2021-09-06)

  • Vá lỗi

v1.1.17 (2021-09-02)

  • v1.1.16 (2021-08-25)

Cập nhật CSS

  • v1.1.15 (2021-07-04)

tối ưu hóa

  • v1.1.14 (2021-07-04)

Scrollintoview được cải thiện

  • v1.1.13 (2021-06-29)
  • ScrollintOview cho lựa chọnDydyicStylingPlugin

v1.1.13 (2021-06-28)

  • v1.1.12 (2021-06-26)

v1.1.11 (2021-06-25)

  • v1.1.8 (2021-06-24)

Phiên bản Bootstrap 4 được cập nhật

  • Nổi bật

v1.1.7 (2021-06-20)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Optimization.

Scrollintoview được cải thiện

  • Optimization.

v1.1.13 (2021-06-29)

  • v1.1.8 (2021-06-24)


1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

  • v1.1.18 (2021-09-06)

Vá lỗi

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • v1.1.8 (2021-06-24)


1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

  • v1.1.8 (2021-06-24)


1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

  • v1.1.18 (2021-09-06)

Vá lỗi

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • Optimized.

tối ưu hóa

  • Optimized.

v1.1.14 (2021-07-04)

  • Scrollintoview được cải thiện

v1.1.13 (2021-06-29)

  • ScrollintOview cho lựa chọnDydyicStylingPlugin

v1.1.13 (2021-06-28)

  • v1.1.12 (2021-06-26)

v1.1.11 (2021-06-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Scrollintoview được cải thiện

v1.1.13 (2021-06-29)

  • v1.1.8 (2021-06-24)


1 Thuộc tính dữ liệu vào các tùy chọn cụ thể để hiển thị văn bản thứ cấp.

  • v1.1.18 (2021-09-06)

Vá lỗi

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS
  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Optimization.

Scrollintoview được cải thiện

  • v1.1.13 (2021-06-29)

ScrollintOview cho lựa chọnDydyicStylingPlugin

  • Cập nhật CSS

v1.1.15 (2021-07-04)

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Scrollintoview được cải thiện

v1.1.13 (2021-06-29)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • Cập nhật CSS
  • v1.1.15 (2021-07-04)

tối ưu hóa

  • tối ưu hóa

v1.1.14 (2021-07-04)

  • Scrollintoview được cải thiện

v1.1.13 (2021-06-29)

  • ScrollintOview cho lựa chọnDydyicStylingPlugin

v1.1.13 (2021-06-28)

  • v1.1.12 (2021-06-26)

v1.1.11 (2021-06-25)

  • v1.1.8 (2021-06-24)

Phiên bản Bootstrap 4 được cập nhật

  • v1.1.17 (2021-09-02)

v1.1.16 (2021-08-25)

  • v1.1.17 (2021-09-02)

Nổi bật

  • v1.1.7 (2021-06-20)

Lựa chọnDyNamicStylingPlugin

  • v1.1.6 (2021-06-17)

V0.5.24 (2020-02-29)

  • v1.1.15 (2021-07-04)

Đã thêm API cập nhật

  • V0.5.23 (2020-02-28)

Cấu hình được tối ưu hóa

  • v1.1.18 (2021-09-06)

V0.5.22 (2020-02-27)

  • v1.1.15 (2021-07-04)

V0.5.21 (2020-02-26)

  • Cập nhật kiểu dáng

V0.5.20 (2020-02-25)

  • V0.5.19 (2020-02-24)

V0.5.18 (2020-02-24)

  • API được cập nhật

V0.5.16 (2020-02-22)

  • Tối ưu hóa

V0.5.15 (2020-02-21)

  • setSelected sẽ không xóa thuộc tính đã chọn

V0.5.14 (2020-02-20)

  • v1.1.18 (2021-09-06)

V0.5.22 (2020-02-27)

  • v1.1.15 (2021-07-04)

V0.5.21 (2020-02-26)

  • Cập nhật kiểu dáng

V0.5.20 (2020-02-25)

  • v1.1.15 (2021-07-04)

Đã thêm API cập nhật

  • v1.1.15 (2021-07-04)

Đã thêm API cập nhật

  • v1.1.15 (2021-07-04)

Đã thêm API cập nhật

  • V0.5.23 (2020-02-28)

Cấu hình được tối ưu hóa

  • v1.1.18 (2021-09-06)

V0.5.22 (2020-02-27)

  • v1.1.15 (2021-07-04)

V0.5.21 (2020-02-26)

  • Cập nhật kiểu dáng

V0.5.20 (2020-02-25)

  • V0.5.19 (2020-02-24)

V0.5.18 (2020-02-24)

  • API được cập nhật
  • Tối ưu hóa
  • V0.5.15 (2020-02-21)

setSelected sẽ không xóa thuộc tính đã chọn

  • V0.5.14 (2020-02-20)

Phương pháp mới UpdateAppearance

  • V0.5.13 (2020-02-19)

BSMultiselect JQuery Prototype có thể tạo phiên bản (chỉ trả lại)

  • V0.5.12 (2020-02-18)

V0.5.11 (2020-02-17)

  • Đã thêm phương thức GetChoices () trả về menu 'Dropdown'

V0.5.10 (2020-02-12)

  • Mô -đun ES6
  • V0.5.5 (2020-02-08)

Đã sửa lỗi kiểu thả xuống

  • V0.5.4 (2020-02-06)

Định cấu hình CSS/CSSPatch, giả sử giá trị NULL/không xác định cho Kiểu thuộc tính - Thuộc tính sẽ bị xóa khỏi Từ điển kiểu mặc định

  • V0.5.3 (2020-02-06)

Biện minh trong menu thả xuống cho biểu mẫu nội tuyến được giải quyết

  • V0.5.2 (2020-02-05)

Lỗi cố định

  • v0.5.0 (2020-02-04)

cập nhật

  • v0.4.34beta (2020-01-24)

Tùy chọn chuẩn hóa

  • Supports fieldset

Mem rò rỉ đã giải quyết

  • hỗ trợ RTL
  • v0.4.33 (2019-12-21)
  • tốt hơn suport của đầu vào nhóm
  • v0.4.32 (2019-12-20)

getsize, getDisables, getisValid, getisInvalid (thực tế cho JS-Enject được bắt đầu) có sẵn để thiết lập từ cấu hình

  • v0.4.31 (2019-12-20)
  • Đệm tốt hơn cho kích thước SM LG

v0.4.30 (2019-12-19)

  • Cấu hình.setselected As Hook cho các sự kiện lựa chọn trước và sau

v0.4.29 (2019-12-17)

  • Vá lỗi

V0.5.19 (2020-02-24)

  • tối ưu hóa

V0.5.18 (2020-02-24)

  • API được cập nhật

V0.5.16 (2020-02-22)

  • Tối ưu hóa

V0.5.15 (2020-02-21)

  • setSelected sẽ không xóa thuộc tính đã chọn

V0.5.14 (2020-02-20)

  • Phương pháp mới UpdateAppearance

V0.5.13 (2020-02-19)

  • Phương pháp mới UpdateAppearance
  • V0.5.13 (2020-02-19)
  • BSMultiselect JQuery Prototype có thể tạo phiên bản (chỉ trả lại)

V0.5.12 (2020-02-18)

  • V0.5.11 (2020-02-17)
  • Đã thêm phương thức GetChoices () trả về menu 'Dropdown'

V0.5.10 (2020-02-12)

  • Mô -đun ES6

V0.5.5 (2020-02-08)

  • Đã sửa lỗi kiểu thả xuống

V0.5.4 (2020-02-06)

  • V0.5.5 (2020-02-08)

2018-10-11

  • Đã sửa lỗi kiểu thả xuống

2018-07-25

  • V0.5.4 (2020-02-06)

2018-06-25

  • Định cấu hình CSS/CSSPatch, giả sử giá trị NULL/không xác định cho Kiểu thuộc tính - Thuộc tính sẽ bị xóa khỏi Từ điển kiểu mặc định

2018-06-23

  • V0.5.3 (2020-02-06)

2018-06-22

  • v0.2.7

2018-06-20

  • Vá lỗi

2018-06-13

  • Biện minh trong menu thả xuống cho biểu mẫu nội tuyến được giải quyết

2018-06-11

  • V0.5.2 (2020-02-05)

2018-06-06

  • Lỗi cố định
  • v0.5.0 (2020-02-04)

2018-06-05

  • cập nhật

v0.4.34beta (2020-01-24)

  • v0.4.34beta (2020-01-24)

2018-05-31

  • Tùy chọn chuẩn hóa

2018-05-24

  • Tùy chọn chuẩn hóa

2018-05-23

  • Mem rò rỉ đã giải quyết

2018-05-21

  • v0.1.0

hỗ trợ RTL

  • v0.4.33 (2019-12-21)
  • tốt hơn suport của đầu vào nhóm