Cách thay đổi trình giữ chỗ trong select2?

Question

Làm cách nào để thay đổi trình giữ chỗ dữ liệu bằng select2?

Cho đến giờ tôi đã thử điều này.

$("#city").select2({placeholder:"foo"}); 

Và đây ...

$("#city").attr("data-placeholder","bar"); 

Nhưng không hoạt động.

Answer 1

Tôi thấy rằng nếu tôi chỉ đặt attr, ví dụ: $("#city").attr('data-placeholder', 'bar'), không có hiệu lực. Tuy nhiên, nếu tôi đặt attr và sau đó gọi $("#city").select2() không có đối số, thì trình giữ chỗ sẽ cập nhật.

ví dụ:

$("#city").attr("data-placeholder","bar"); 
$("#city").select2(); 

Answer 2

Đặt nó trong html rằng định vị của bạn sử dụng như thế này:

<select id="city" placeholder="my placeholder"></select> 

Answer 3

Đối với những người khác tìm kiếm một giải pháp thuộc tính để tránh thay đổi mã JS. Tôi chỉ cần tự mình tìm kiếm một dự án, và có vẻ như select2 chỉ cần thuộc tính data-placeholder = "".

<select id="city" data-placeholder="my placeholder"></select> 

Xem thêm ở đây: select2 options reference

Answer 4

Đối Select2 phiên bản 4 tôi đã chỉ định các văn bản giữ chỗ trong mã init js và sau đó cập nhật nó bằng cách sử $select.select2{placeholder:"updated text..."}

Answer 5

Bạn cũng có thể làm điều đó như thế này trong các mẫu (html). Chỉ cần đảm bảo chỉ định một chuỗi trống (ví dụ: "") trên thẻ đầu tiên của bạn.

<select class="test-select2" data-placeholder="Select Anything"> 
    <option value=""></option> 
    <option value="option1">Option 1</option> 
    <option value="option2">Option 2</option> 
</select> 

DEMO