Thêm tùy chọn vào Select2 sau khi inititialzation

Question

Điều này có vẻ giống như một điều tiêu chuẩn muốn làm, nhưng tôi đang đấu tranh để tìm một giải pháp rõ ràng và đơn giản.

Tôi muốn có thể thêm một hoặc nhiều tùy chọn bổ sung vào Select2 đã được khởi tạo.

Tôi đang sử dụng phiên bản cũ hơn của Select2, không chắc chắn phiên bản nào là ngoại tuyến.

Answer 1

Thiên Chúa tôi nên dừng lại để suy nghĩ trước khi đăng bài đôi khi.

của nó đơn giản như chỉ cần thêm một lựa chọn mới cho chọn cơ bản:

$("#myselect").append($('<option>', {value: 1, text: 'new option'})); 

Thậm chí không cần phải tái khởi tạo select2.

Answer 2

Bạn có thể giải quyết hầu hết các câu hỏi liên quan đến Select2 giống như cách chúng sẽ được giải quyết theo tiêu chuẩn <select>. Trong trường hợp này, câu hỏi <select> tương ứng sẽ là: Adding options to select with javascript.

var option = new Option("text", "id"); 
$("select").append(option); 

Nếu bạn muốn nó được chọn khi được chèn, bạn chỉ có thể đặt thuộc tính selected trên tùy chọn mới.

var option = new Option("text", "id"); 
option.selected = true; 

$("select").append(option); 
$("select").trigger("change"); 

Lưu ý rằng tôi cũng đã kích hoạt sự kiện change để Select2 có thể biết rằng các tùy chọn đã chọn đã thay đổi.

Answer 3

Tôi đã giải quyết vấn đề này với thuộc tính "Dữ liệu" của select2. Thứ nhất, tôi nhận dữ liệu với json và sau đó tôi tạo phần tử select2 với mảng của tôi như dưới đây.

corrCodeArray là mảng json của tôi.

function fillSelectReportPeriod() { 
var corrCodeArray = retrieveCorrCodes(); 
$(".js-example-basic-multiple").select2({ 
    maximumSelectionLength: 4, 
    data: corrCodeArray 
});  

}

Lưu ý: Khi tôi cho biết tên nguyên tố Select2 như $("#selectReportPeriod") thay vì $(".js-example-basic-multiple") nó đã không làm việc vì vậy tôi sử dụng tên lớp.

Answer 4

này làm việc cho tôi:

$("#company_dealer").val('Newly Selected Dealer').trigger('change');