Bootstrap-Tokenfield,将值存储为数组而不是字符串

时间:2019-03-15 02:28:14

标签: javascript jquery arrays token

我正在使用https://github.com/sliptree/bootstrap-tokenfield,并注意到这些值存储为字符串而不是数组。有没有办法将值存储为数组而不是字符串?

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

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

我还注意到value属性似乎没有更新。

1 个答案:

答案 0 :(得分:0)

有两种方式

1。存储,单独的字符串,在使用split(',')时在dom中转换为数组

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='' />