Borrar el menú desplegable utilizando jQuery Select2
Estoy tratando de borrar un menú desplegable utilizando el fantásticoSelect2 biblioteca. El menú desplegable se rellena dinámicamente con una llamada ajax remota utilizando Select2query
opción.
HTML:
<input id="remote" type="hidden" data-placeholder="Choose Something" />
Javascript:
var $remote = $('#remote');
$remote.select2({
allowClear: true,
minimumInputLength: 2,
query: function(options){
$.ajax({
dataType: 'json',
url: myURL + options.term,
error: function(jqXHR, textStatus, errorThrown){
smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term);
},
success: function(data, textStatus, jqXHR){
var results = [];
for(var i = 0; i < data.length; ++i){
results.push({id: data[i].id, text: data[i].name});
}
options.callback({results: results, more: false});
}
});
}
});
Desafortunadamente, la llamada a$remove.select2('val', '')
lanza la siguiente excepción:
Uncaught Error: cannot call val() if initSelection() is not defined
He intentado configurar elattr
, configurando elval
, text
y el Select2 específicodata
función. Parece que no se puede aclarar al chico y trabajar como un botón de radio. ¿Alguien tiene sugerencias?