Ajout de deux listes à sélectionner, la première doit être sélectionnée par défaut

Bonjour, j’ai un petit problème avec selectize, à savoir comment append deux listes. La première doit être sélectionnée par défaut et l’utilisateur final peut sélectionner des éléments de la seconde liste sous la même forme. Ci-dessous vous pouvez trouver mon code. Si j’ajoute deux fois les options, selectize en prend une autre).

$(document).ready(function(){ lol = "lol1 , lol2 , lol3" var lol = lol.split(','); var lol = lol.map(function(x) { return { item: x}; }); console.log(lol) console.log(typeof(lol)) wtf = "wtf1 , wtf2 , wtf3" var wtf = wtf.split(','); var wtf = wtf.map(function(x) { return { item: x}; }); console.log(wtf) console.log(typeof(wtf)) $('#show_tags').selectize({ plugins: ['remove_button', 'restore_on_backspace'], select: true, delimiter: ',', maxItems: null, options: lol, options: wtf, labelField: 'item', valueField: 'item', searchField: 'item', create: true }); }); 

Des idées?

Vous devez utiliser des items pour fournir un tableau de valeurs pour les options à sélectionner par défaut (au lieu d’utiliser deux tableaux d’ options ). Les valeurs des options sont déterminées par votre paramètre valueField .

Par exemple:

 $('#select-id').selectize({ items: ['1', '2'], // preselected options values options: [ {value: '1', name: 'Item 1'}, // this option will be preselected {value: '2', name: 'Item 2'}, // this option will be preselected {value: '3', name: 'Item 3'}, {value: '4', name: 'Item 4'} ], valueField: 'value', labelField: 'name', searchField: ['name'], delimiter: ',', select: true, create: true, maxItems: null });