【问题标题】:Bootstrap Tagsinput how to get multiple values as an arrayBootstrap Tagsinput如何将多个值作为数组获取
【发布时间】:2020-03-23 08:51:37
【问题描述】:
大家好,我的 Bootstrap Tagsinput 有问题我正在尝试获取一个数组,其中包含输入文本中的所有标签作为值
<input type="text" name="designation" data-role="tagsinput" id="tags_id">
这是js代码
<script>
$('#tags_id').tagsinput('items');
</script>
当我在输入中插入一些值时,我得到这个“123,2131,12”
但我需要得到这样的东西[“123”,“2131”,“12”],
对不起我的英语
【问题讨论】:
标签:
javascript
arrays
laravel-5
bootstrap-tags-input
jquery-tags-input
【解决方案1】:
$('#tags_id').tagsinput('items').split(',');
因为 ',' 是一个分隔符,我们将它传递给拆分 method,它将字符串转换为数组。
编辑
查看文档 now , $('#tags_id').tagsinput('items') 应该返回一个数组
$(document).ready(function(){
alert($('#input').tagsinput('items'));
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.8.0/bootstrap-tagsinput.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.tagsinput/0.8.0/bootstrap-tagsinput.min.js"></script>
<input id="input" type="text" value="Istanbul, Adana, Adiyaman, Afyon, Agri, Aksaray, Ankara" data-role="tagsinput" class="form-control" />
您如何调试数据?当我使用 alert() 时,数组似乎被序列化为字符串。如果是这样,请改用 console.log 来检查它,因为一切看起来都很好