Question

嗨我有选择性的问题，即如何添加两个列表，默认情况下应该选择第一个，最终用户可以选择相同形式的第二个列表中的项目。您可以在下面找到我的代码。如果我添加两次选项，则选择仅选择第二个选项。

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

添加两个列表进行选择，默认情况下应选择第一个

1 个答案: