javascript - 添加两个列表进行选择，默认选择第一个

Question

您好，我在 selectize 方面遇到了一个小问题，即如何添加两个列表，默认情况下应选择第一个列表，最终用户可以以相同的形式从第二个列表中选择项目。您可以在下面找到我的代码。如果我添加两次选项，选择只需要第二个)。

$(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
    });
});

想法？

Answer 1

您需要使用 items 为默认情况下应选择的选项提供值数组(而不是使用两个 options 数组)。选项值由您的 valueField 设置决定。

例如:

$('#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
});