使用bootstrap3獲取jQuery中的更改事件時的bootstrap-tagsinput值

Question

我正在使用bootstrap3。我需要在jQuery中的change事件中獲取tagsinput的值。我提到的belpow代碼

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

我不能夠得到那些同時更改事件

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

Answer 1

，您應該使用tagsinput事件的一個值。例如itemAdded

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

見documentation，在底部出現了事件部分。

Answer 2

試試這種方法。

$("#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()); });

Answer 3

試試這個呢。

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

更多方法檢查這個Documentation