在选择输入中设置默认选择的值

Question

我有一个表单，我在页面加载时需要一些默认选择的值。像这样的东西：

以下是我用于从远程服务器获取选项的当前代码：

(function () { // function for selectize
            axios.get('/api/tags/', {
                headers: {'Authorization': "JWT " + sessionStorage.getItem('token')}
            }).then(function (response) {
                let nisha = [];
                response.data.map(function (hiren) {
                    let bunny = {'value': '', 'text': ''};
                    bunny['value'] = hiren.name;
                    bunny['text'] = hiren.name;
                    nisha.push(bunny);
                });
                let $select = $('#tags').selectize({
                    delimiter: ';',
                    persist: false,
                    options: nisha,
                    items: tags,
                    create: function(input) {
                        return {
                            value: input,
                            text: input
                        }
                    }
                })
                //var selectize = $select[0].selectize;
                //selectize.setValue('something', true);
            }).catch(function (error) {
                console.error(error);
            })
        })();

Answer 1

您可以传递值属性逗号分隔的默认值，如下所示：

<input type="text" id="tags" class="demo-default selectized" value="awesome,neat" tabindex="-1" style="display: none;">

如果不能正常工作，请尝试为此代码段创建jsfiddle。

希望这会奏效。