bootcomplete.js

Lightweight AJAX autocomplete for Bootstrap

Requires

• jQuery
• Bootstrap

Basic Usage

$('#input').bootcomplete({url:'/search.php'});

JSON Response Object

[ { id : someId, label : "some label name" } ]

Options

url:
The url to submit query

method:
Request method (get, post)

wrapperClass:
CSS Class used for the element wrapper

menuClass:
CSS Class used for the suggestions menu

idField:
Include hidden input field for selected option id (true,false) Default: true

idFieldName:
Hidden input field name. Default: elementName_id

minLength:
Minimum string length before sending query request

dataParams:
Send additional data parameters with request. Usage: dataParams: {keyName : value}

formParams:
Send chained form parameters with request. Usage: formParams: {keyName : $('#formElement')}

Demo

Click here to see the examples in action.