Bootstrap Tagsinput with Typeahead not working

Viewed 2974

This is with reference to the "Bootstrap Tagsinput" from http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/

Plugins used: (latest versions of)

  • Bootstrap 3
  • typeahead.js
  • bootstrap-tagsinput.min.js

What I wanted is to use Typeahead to input field to add tags.

<div class="input-group col-sm-4">
    <input type="text" class="form-control" id="tagsinput" />
</div>

The jQuery part is below.

$('#tagsinput').tagsinput({
    typeahead: {
        name: 'towns',
        local: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo']
    }
});

I tried the documentation page and typeahead documentation pages separately. But didn't find any solution. I am actually testing this simple code so that I need to use a database for similar matter. But even it doesn't work with local data.

2 Answers
Related