set default selected value in selectize input

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 для этого фрагмента.

Надеюсь, что это сработает.