Bootstrap - Tokenfield, хранит значения в виде массива, а не строки

Question

Я использую https://github.com/sliptree/bootstrap-tokenfield, и заметил, что значения хранятся в виде строки, а не массива. Есть ли способ сохранить значения в виде массива вместо строки?

<input type="text" class="form-control" id="tokenfield" value='A,B,C' />

https://jsfiddle.net/ds2xp4w1/1/

Я также заметил, что атрибут значения не выглядит обновленным.

Answer 1

Есть два пути

1.Store , отдельная строка для преобразования в массив, в то время как в DOM используется split(',')

console.log($('#tokenfield').val().trim().split(','))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="form-control" id="tokenfield" value='A,B,C' />

2. JSON.stringify() формат. Преобразовать строку в массив

$('#tokenfield').val(JSON.stringify(['A','B','C']))

//after retrive

console.log(JSON.parse($('#tokenfield').val()))

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <input type="text" class="form-control" id="tokenfield" value='' />