jquery - data - select2 set selected value

Cómo permitir al usuario seleccionar una cadena vacía en Select2

Question

El cuadro de texto se llena dinámicamente con una llamada remota usando Select2 y quiero permitir que los usuarios dejen el campo en blanco.

$("#e6").select2({
placeholder: "Search for a movie",
minimumInputLength: 1,
ajax: {
url: "http://api.rottentomatoes.com/api/public/v1.0/movies.json",
dataType: ''jsonp'',
data: function (term, page) {
return {
q: term, // search term
page_limit: 10,
};
},
results: function (data, page) {
return {results: data.movies};
}
},
});

Aquí está el ejemplo de trabajo http://ivaynberg.github.io/select2/index.html#ajax

Answer 1

Esto me funcionó,

$(''#f'').select2(
{
allowClear: true,
placeholder: {
id: "-1",
text:"City",
selected:''selected''
},
data:[
{id: -1,text: '''',selected: ''selected'',search:'''',hidden:true},
{ id: 1,
text: ''Italy'',
search: "Italy",
children: [
{id: 2, text: ''Sardinia'', search: "Italy Sardinia", selected: false},
{id: 3, text: ''Sicily'', search: "Italy Sicily", selected: false}
]
},
{
id: 4,
text: ''United Kingdom'',
search: "United Kingdom",
children:[
{id: 5, text: ''Guernsey'', search: "United Kingdom - Guernsey", selected: false},
{id: 6, text: ''Jersey'', search: "United Kingdom - Jersey", selected: false}
]
}
]
}
);

Answer 2

Puede establecer la opción allowClear en true .

$("#e6").select2({
allowClear: true,
placeholder: "Search for a movie",
...

Cuando se establece en true , la opción allowClear hace que el control Select2 muestre un botón de borrado, pero también debe especificar la opción de placeholder para que funcione.

Aquí hay un jsfiddle muestra que funciona para un Select2 que usa ajax.

Answer 3

Supongamos que está utilizando Formtastic normalmente con el administrador activo que puede pasar durante la declaración

f.input :your_select_2_field, { as: :select2, collection: [''a'', ''b''], include_blank: ''Select Nothing''}

Concentrarse en llaves {}