Select2 đặt giá trị đã chọn theo id

Điều này gần đây đã xuất hiện trên Stack Overflow một vài lần

Nếu bạn đang sử dụng một tùy chọn cơ bản [chỉ id và văn bản], bạn chỉ cần thêm `

` [như bạn sẽ làm mà không có Select2]. Và sau đó, bạn sẽ phải kích hoạt sự kiện `change` để Select2 có thể phản ứng với lựa chọn mới. Sử dụng hệ thống sự kiện nội bộ để kích hoạt sự kiện `select` cũng hoạt động, nhưng hiện tại tôi cho rằng nó không có giấy tờ. Nhưng vì bạn đã đề cập nên bạn có thể thực hiện    $['#selectelement']. select2['trigger', 'query', {Phương thức nào hoạt động với bất kỳ phương thức nào trên đối tượng Select2 chính

Bước 1. HTML

Bước 2. Tạo một thể hiện của Select2

$["#mySelect2"].select2[{
      placeholder: "My Select 2",
      multiple: false,
      minimumInputLength: 1,
      ajax: {
          url: "/elements/all",
          dataType: 'json',
          quietMillis: 250,
          data: function[term, page] {
              return {
                  q: term,
              };
          },
          results: function[data, page] {
              return {results: data};
          },
          cache: true
      },
      formatResult: function[element]{
          return element.text + ' [' + element.id + ']';
      },
      formatSelection: function[element]{
          return element.text + ' [' + element.id + ']';
      },
      escapeMarkup: function[m] {
          return m;
      }
}];

Bước 3. Đặt giá trị mong muốn của bạn

$["#mySelect2"].select2['data', { id:"elementID", text: "Hello!"}];

Nếu bạn sử dụng select2 mà không có AJAX, bạn có thể làm như sau

/* "One" will be the selected option */
$['[name=mySelect2]'].val["0"];

Bạn cũng có thể làm như vậy

$["#mySelect2"].select2["val", "0"];

Đối với select2 v4, bạn có thể thêm trực tiếp một tùy chọn như sau

Hoặc với JQuery

var $newOption = $[""].val["TheID"].text["The text"]
 
$["#myMultipleSelect2"].append[$newOption].trigger['change'];

ví dụ khác

________số 8_______

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

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[];

Các tùy chọn mới có thể được thêm vào điều khiển Select2 theo chương trình bằng cách tạo một đối tượng Javascript Option mới và nối nó vào điều khiển

var data = {
    id: 1,
    text: 'Barn owl'
};

var newOption = new Option[data.text, data.id, false, false];
$['#mySelect2'].append[newOption].trigger['change'];

Tham số thứ ba của new Option[...] xác định xem mục đó có được "chọn mặc định" hay không; . e. nó đặt thuộc tính selected cho tùy chọn mới. Tham số thứ tư đặt trạng thái được chọn thực tế của tùy chọn - nếu được đặt thành true, tùy chọn mới sẽ được chọn theo mặc định

Làm cách nào để đặt giá trị đã chọn trong select2?

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

Làm cách nào tôi có thể đặt giá trị ban đầu của select2 khi sử dụng Ajax?

Làm cách nào để sử dụng select2 trong danh sách thả xuống?