bootstrap3を使用してjqueryのchangeイベント中にbootstrap-tagsinputの値を取得

Question

私はbootstrap3を使用しています。 jqueryのchangeイベント中にtagsinputの値を取得する必要があります。私は、私はあなたがtagsinputイベントのいずれかを使用する必要があり、変更イベントの

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

Answer 1

ながら、これらの値を取得することはできませんよbelpowコード

<input type="text" name="tag_name" id="tagchange" class="form-control" value="" data-role="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