javascript - change - Cómo borrar un valor seleccionado selectize.js desplegable

selectize on change

Question

Tengo un menú desplegable selectize.js y tengo que borrar el valor seleccionado.

Yo he tratado :

var selectize = $("#optionNetFlow")[0].selectize;
selectize.clear();

como se sugiere en otra pregunta ¿Cómo configuro la lista de opciones selectize.js mediante programación ? Pero da un error,

Uncaught TypeError: Cannot read property ''selectize'' of undefinedmessage: "Cannot read property ''selectize'' of undefined"stack: (...)get stack: function () { [native code] }arguments: nullcaller: nulllength: 0name: ""prototype: StackTraceGetterconstructor: function () { [native code] }__proto__: Object__proto__: function Empty() {}<function scope>set stack: function () { [native code] }__proto__: Error

cuando lo cambio a

 var selectize = $("#optionNetFlow").selectize;
selectize.clear();

Me da error:

TypeError: undefined is not a functionmessage: "undefined is not a function"stack: (...)get stack: function () { [native code] }set stack: function () { [native code] }__proto__: Error VM1253:3(anonymous function) VM1253:3InjectedScript._evaluateOn VM1251:732InjectedScript._evaluateAndWrap VM1251:665InjectedScript.evaluate VM1251:579

¿Qué estoy haciendo mal aquí?

Answer 1

Prueba esto: - http://jsfiddle.net/adiioo7/2gnq1ruv/204/

JS: -

jQuery(function ($) {
var $select = $(''#input-tags'').selectize({
persist: false,
create: true
});
$("#btnClear").on("click", function () {
var selectize = $select[0].selectize;
selectize.clear();
});
});

Answer 2

Finalmente encontré la respuesta aquí Demostraciones de Selectize.js

Lo que funciona para mí es:

 var $select = $(''#optionNetFlow'').selectize();
var control = $select[0].selectize;
control.clear();

lo que me faltaba var $select = $(''#optionNetFlow'').selectize(); Antes de aplicar la solución proporcionada en la respuesta de la pregunta anterior.

Ahora voy a conseguir todas las funciones en consola como:

Answer 3

Prueba esto,

$("#optionNetFlow")[0].selectize.clear();

Answer 4

$(document).on(''click'', ''div.selectize-input div.item'', function(e) {
var select = $(''#services'').selectize();
var selectSizeControl = select[0].selectize;
// 1. Get the value
var selectedValue = $(this).attr("data-value");
// 2. Remove the option
select[0].selectize.removeItem(selectedValue);
// 3. Refresh the select
select[0].selectize.refreshItems();
select[0].selectize.refreshOptions();
});

Esto no elimina el elemento de la selección, simplemente lo elimina de las opciones seleccionadas.