Tengo una aplicación Flask que crea un formulario que luego es manipulado por html y JQuery. Para un conjunto particular de campos de selección múltiple en el formulario, intento hacer que los menús desplegables se puedan buscar usando selectize.js. El orden de las selecciones del usuario es importante y el complemento " arrastrar y soltar " de selectize.js es exactamente lo que estoy buscando. Sin embargo, cuando intento implementar esta lógica, no puedo obtener el comportamiento deseado en estos campos de formulario. Los campos no se completan con las opciones, lo que significa que no hay un menú desplegable. Aquí está el fragmento de código relevante:

 if (tableMetadata.length > 0) { document.getElementById('displayErrorProd').innerHTML = ""; const options = tableMetadata; //can confirm this produces an array of the desired options const items = options.map(x => x[0]); //can confirm this produces an array of the desired options $("#prod_join_key").selectize({ plugins: ["drag_drop"], options: options, items: items, valueField: options[0], labelField: options[0], delimiter: ",", persist: false, sortField: 'text', create: function (input) { return { value: input, text: input, }; }, });

}

Por favor, avíseme si se necesita alguna otra información para depurar esto. ¡Gracias por nuestra ayuda!