CODEWITHSUNDEEP
javascriptjqueryselectize.js
pyprism
pyprism

Reputation: 3008

set default selected value in selectize input

I have a form , where I want some default selected value when the page loaded. Something like this: enter image description here

Here is my current code which I am using for getting options from remote server:

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

Upvotes: 0

Views: 1223

Answers (1)

user7435409
user7435409

Reputation:

You can pass default values in value attribute comma separated like below :

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

And if not working, try creating jsfiddle for this snippet.

Hope this will work.

Upvotes: 1

Related Questions