Nhận giá trị select2 khi thay đổi

xin chào các bạn,

tôi đang sử dụng danh sách thả xuống đa lựa chọn bên dưới

tôi đang gặp sự cố khi hiển thị các giá trị đã chọn

mã bên dưới hoạt động tốt khi tôi thử trong bảng điều khiển trình duyệt

$['#seldtieditplantrights'].val[['ARB','ASK']].change[];

nhưng khi tôi sử dụng sự kiện nút bên trong này có nghĩa là nó sẽ không hoạt động

alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
    
    
    
    

Truyền giá trị vào


   -- Select User--
   Yogesh Singh
   Sonarika Bhadoria
   Anil Singh
   Akilesh Sahu 




Set selected: -- Select User-- Yogesh Singh Sonarika Bhadoria Anil Singh Akilesh Sahu
3 để đặt tùy chọn đã chọn với jQuery nhưng cũng cần gọi

   -- Select User--
   Yogesh Singh
   Sonarika Bhadoria
   Anil Singh
   Akilesh Sahu 




Set selected: -- Select User-- Yogesh Singh Sonarika Bhadoria Anil Singh Akilesh Sahu
4 trên bộ chọn để cập nhật chế độ xem

Giao diện của các điều khiển Select2 của bạn có thể được tùy chỉnh thông qua các thuộc tính HTML tiêu chuẩn cho các phần tử elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on. Bạn cũng có thể khởi tạo Select2 với disabled: true để có hiệu ứng tương tự

nhãn

Bạn có thể và nên sử dụng với Select2, giống như bất kỳ element. Click this to highlight the single select element Click this to highlight the multiple select element nào khác

Chiều rộng vùng chứa

Select2 sẽ cố gắng khớp chiều rộng của phần tử gốc càng sát càng tốt. Đôi khi điều này không hoàn hảo, trong trường hợp đó bạn có thể đặt tùy chọn cấu hình

alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
0 theo cách thủ công

ValueDescription
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
1Sử dụng chiều rộng phần tử được tính toán từ bất kỳ quy tắc CSS hiện hành nào.
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
2Chiều rộng được xác định từ thuộc tính
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
4 của phần tử
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
3. Nếu không tìm thấy thuộc tính
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
4, null được trả về dưới dạng chiều rộng. elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on1Sử dụng giá trị thuộc tính
alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
4 nếu có, quay trở lại chiều rộng phần tử được tính toán nếu cần. elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on3Các giá trị CSS hợp lệ có thể được truyền dưới dạng một chuỗi [e. g. elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on4]

Ví dụ

Hai hộp Select2 bên dưới được tạo kiểu theo chiều rộng elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on5 và elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on6 tương ứng để hỗ trợ thiết kế đáp ứng


Select2 sẽ cố gắng hết sức để giải quyết phần trăm chiều rộng được chỉ định thông qua một lớp CSS, nhưng không phải lúc nào cũng có thể. Cách tốt nhất để đảm bảo rằng Select2 đang sử dụng chiều rộng dựa trên phần trăm là nội tuyến khai báo

alert[converted]; // 'ANI','ARB' 
$['#seldtieditplantrights'].val[[converted]].change[];
4 vào thẻ

chủ đề

Select2 hỗ trợ các chủ đề tùy chỉnh bằng cách sử dụng tùy chọn elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on8 để bạn có thể tạo kiểu cho Select2 để phù hợp với phần còn lại của ứng dụng của mình

Những ví dụ này sử dụng chủ đề elements, as well as various configuration options. Disabling a Select2 control Select2 will respond to the disabled attribute on9, phù hợp với giao diện cũ của Select2

Có thể thay đổi các tùy chọn hiển thị khác nhau của thành phần Select2. Bạn có thể truy cập phần tử [hoặc ] và bất kỳ thuộc tính nào trên các phần tử đó bằng cách sử dụng disabled: true2

Làm cách nào để lấy giá trị đã chọn từ select2?

Các mục đã chọn cũng có thể được truy cập thông qua. bộ chọn jQuery đã chọn. $['#mySelect2']. tìm['. đã chọn'];

Làm cách nào để đặt giá trị đã chọn trong menu thả xuống select2 bằng jQuery?

Truyền giá trị trong val[] để đặt tùy chọn đã chọn bằng jQuery nhưng cũng cần gọi select2[]. trigger['change'] trên bộ chọn để cập nhật chế độ xem.

Làm cách nào để lấy giá trị của một tùy chọn trong jQuery?

Sử dụng jQuery. bộ chọn đã chọn kết hợp với phương thức val[] để tìm giá trị tùy chọn đã chọn trong danh sách thả xuống.

Chủ Đề