使用 bootstrap3 在 jquery 中更改事件时获取 bootstrap-tagsinput 的值答案

【问题标题】：Get value of bootstrap-tagsinput while on change event in jquery using bootstrap3使用 bootstrap3 在 jquery 中更改事件时获取 bootstrap-tagsinput 的值
【发布时间】：2017-05-30 12:35:48
【问题描述】：

我正在使用 bootstrap3。我需要在 jquery 中发生更改事件时获取 tagsinput 的值。我提到了belpow代码

 <input type="text"  name="tag_name" id="tagchange" class="form-control" value="" data-role="tagsinput">

在更改事件时我无法获得这些值

 $('#tagchange').change(function(){
    alert($('#tagchange').val())
 });

【问题讨论】：

尝试使用这个 onchange 方法 on-tag-removed,on-tag-add

标签： jquery django-bootstrap3

【解决方案1】：

您应该使用其中一个标签输入事件。例如itemAdded

$('input').on('itemAdded', function(event) {
    alert($('#tagchange').val());
});

查看documentation，底部有活动部分。

【讨论】：

我还使用了$('input').on('itemRemoved', function(event) 并获得了添加和删除的价值。为你点赞

【解决方案2】：

那就试试吧。

$('#tagchange').on('itemAdded', function(event) {
   alert(event.item)
});

更多方法请查看Documentation

【讨论】：

【解决方案3】：

试试这个方法。

$("#tagchange").on("keyup", function() {
   alert($(this).val()); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text"  name="tag_name" id="tagchange" class="form-control" value="" data-role="tagsinput">

或者这样

$("#tagchange").keyup(function() { alert($(this).val()); });

【讨论】：

不是那样的......我正在尝试处理我添加的上述图片。