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.