如何在selectize js中为多个选择元素使用create

时间:2019-01-10 01:01:17

标签: javascript html selectize.js

我正在尝试将<select multiple="multiple"></select>与selectize.js一起使用。我这样做是这样的:

index.html

<select multiple="multiple" id="to"></select>

脚本

$('#to').selectize({
    plugins: ['remove_button'],
    persist: false,
    create: function(input){
        return {
            value: input,
            text: input
        }
    },
    valueField: 'email',
    labelField: 'email',
    searchField: ['email'],
    options: JSON.parse('{{ $email }}'),
    render: {
        item: function(item, escape){
            return '<div>' + 
                (item.email ? '<code>' + escape(item.email) + '</code>' : '') +
                '</div>';
        },
        option: function(item, escape){
            var caption = item.email ? item.email : null;

            return '<div>' +
                (caption ? '<span class="text-primary">' + escape(caption) + '</span>' : '') +
                '</div>';
        }
    }
});

它工作正常,但我要允许用户添加更多项目。有什么解决办法吗?

0 个答案:

没有答案