JQuery Completer Automatic input prompt

Online example

Example Demo

How to use

2. <input Type="text" id="Auto-complete-email" class="Input" Placeholder="e-mail"/>
4. $ ("#auto-complete-email"). Completer ({
6. Separator: "@",
8. Source: ["163.com", "qq.com", "126.com", "139.com", "gmail.com", "hotmail.com", "icloud.com"]
10. });

CopyDetailed parameters

Parameters	Describe	Default value
Options	Description	Default value
Complete	Triggered when input is complete	function () {}
Itemtag	Popup list element labels in the display panel	"Li"
Filter	Filter function, when input will filter the relevant list content and then show the list	Function (val) {return val;}
Position	The position of the pop-up list panel relative to the input box has a value of "top", "right", "bottom", and "left".	"Bottom"
Source	Data that will be automatically fully displayed	[]
Selectedclass	Style when the options in the popup panel are selected	"Completer-selected"
Separator	delimiter, separating the input from the partially suggested AutoComplete, such as @	""
Suggest	If set to true, the recommended suggestion mode will be entered, and the input will be automatically matched	False
Template	Templates for popup panels	"<ul class=" Completer-container "></ul>"
ZIndex	Z-index value in CSS for popup panel	1

Download

JQuery Completer Automatic input prompt