Twitter Typeahead.js Fiddle

by mavilein

HTML

<script src="http://twitter.github.com/typeahead.js/releases/latest/typeahead.js"></script>
<link rel="stylesheet" href="https://raw.github.com/twbs/bootstrap/master/dist/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.io/typeahead.js/css/examples.css">
<div class="demo">
          <span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;"><input class="tt-hint" type="text" autocomplete="off" spellcheck="off" disabled="" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; background-attachment: scroll; background-clip: border-box; background-color: rgb(255, 255, 255); background-image: none; background-origin: padding-box; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat;"><input class="typeahead tt-query" type="text" placeholder="countries" autocomplete="off" spellcheck="false" style="position: relative; vertical-align: top; background-color: transparent;" dir="auto"><span style="position: absolute; left: -9999px; visibility: hidden; white-space: nowrap; font-family: 'Lucida Grande'; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;">Ge</span><span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none; right: auto;"><div class="tt-dataset-countries" style="display: block;"><span class="tt-suggestions" style="display: block;"><div class="tt-suggestion" style="white-space: nowrap; cursor: pointer;"><p style="white-space: normal;">Germany</p></div><div class="tt-suggestion" style="white-space: nowrap; cursor: pointer;"><p style="white-space: normal;">Georgia</p></div><div class="tt-suggestion" style="white-space: nowrap; cursor: pointer;"><p style="white-space: normal;">South Georgia and the South Sandwich Islands</p></div></span></div></span></span>
    ...

JavaScript

$('.typeahead').typeahead({                                
  name: 'countries',                                                                                                  
  limit: 2,
  local : ["Germany", "England"]
});