Materialize Css - Сохранить выбранные теги в БД

Chips

Я сделал форму в ней есть Chips, но я не как не могу отправить эти теги в контролер что бы сохранить в БД, как это можно сделать?

При добавлении тега я получаю блок div и в нем имя метки, но как мне дальше передать массив выбранных меток в контролер при отправке формы. Если у меня есть только div блоки

View

 <div class="input-field  m-t-0">
    <i class="material-icons prefix">visibility</i>
    <div class="chips chips-placeholder chips-autocomplete m-t-0"></div>
 </div>

JS

var optionsChip = {
placeholder: 'Enter a tag',
secondaryPlaceholder: '+ Tag',
autocompleteOptions: {
    data: {
    }
},
onChipAdd: function (e, chip) {
    chip = chip.textContent.replace('close','');
    var data = optionsChip.autocompleteOptions.data;
        if(!data.hasOwnProperty(chip))
            this.deleteChip(-1);
}
};
axios.get('/tag/json')
   .then(response => {
    optionsChip.autocompleteOptions.data = response.data;
        var elems = document.querySelectorAll('.chips');
        var instances = M.Chips.init(elems, optionsChip);
});

Спасибо, Большое.

UPDATED

Лучшее что я сейчас сделал, это

JS

 onChipAdd: function (e, chip) {
    chip = chip.textContent.replace('close','');
    var data = optionsChip.autocompleteOptions.data;
        if(!data.hasOwnProperty(chip))
            this.deleteChip(-1);
    var chips = document.getElementsByClassName('chip');
    var all = [];
    for(var i=0; i<chips.length; i++){
        all.push(chips[i].firstChild.data);
    }
    document.getElementById('tags').value = JSON.stringify(all);
}

При добавлении каждого нового тега - беру данные со всех div где теги, собираю в массив конвертирую в JSON и добавляю в скрытое поле которое будет отправляться в контролер.

На сколько это хреновое решение???