Category Archives: Bootstrap

Prepend Items to Bootstrap Typeahead

This is a little code snippet for manually adding static items along with typeahead suggestions list. This can be used to prepend or append items. I’m using biggora/bootstrap-ajax-typeahead

You only need to look for render event of the plugin and inject your code.

        onSelect: function(item) {
        updater: function(item) {
            return item;
        highlighter: function(name) {
        ajax: {
        render: function(items) {
            var uber = {render: $.fn.typeahead.Constructor.prototype.render};
  , items);
            this.$menu.prepend('<li class="nostyle"><a href="#" autocomplete="off" data-toggle="modal" data-target="#itemModal"><i class="fa fa-plus"></i> New Customer</a></li>');
            return this;


Leave a comment

Posted by on August 27, 2015 in Bootstrap, jQuery