时间戳

首页 > 解决方案 > Bootstrap Tagsinput如何将多个值作为数组获取

javascript - Bootstrap Tagsinput如何将多个值作为数组获取

问题描述

嘿伙计们，我对 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”]，对不起我的英语

标签： javascriptarrayslaravel-5bootstrap-tags-inputjquery-tags-input

解决方案

$('#tags_id').tagsinput('items').split(',');

因为 ',' 是一个分隔符，我们将它传递给 split方法，该方法将字符串转换为数组。

编辑

现在看文档， $('#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 来检查它，因为一切看起来都很好

推荐阅读