Demo:
Download:
For the list of changes, please see this commit.
HTML:
<div class="form-group"> <input name="tagsinput" class="tagsinput" value="Pennsylvania" /> </div>
NOTE: The <div class="form-group">
block is needed to have a parent element with position: relative
style so the dropdown could be displayed correctly.
JavaScript:
$(".tagsinput").tagsInput( autocomplete : { name: 'states', limit: 4, local: ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut", "Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky", "Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri", "Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota", "North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina", "South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"] } );