javascript - 在选择输入中设置默认选择值

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。

希望这会起作用。