JQuery completer Automatic Input prompt, jquerycompleter

JQuery completer Automatic Input prompt, jquerycompleter
Online instance

Instance demo

Usage

1. <Input type = "text" id = "auto-complete-email" class = "input" placeholder = "E-mail"/>
2. $ ("# Auto-complete-email"). completer ({
3. Separator :"@",
4. Source: ["163.com"," qq.com "," 126.com", "139.com"," gmail.com "," hotmail.com "," icloud.com "]
5. });

Detailed description of copy Parameters

Parameters	Description	Default Value
Option	Description	Default Value
Complete	Triggered when input is complete	Function (){}
ItemTag	The list element label in the display panel is displayed.	"Li"
Filter	Filter function. After the input, the system first filters the list content and then displays the list.	Function (val) {return val ;}
Position	The position of the List panel relative to the input box. The values include "top", "right", "bottom", and "left ".	"Bottom"
Source	Data to be automatically supplemented	[]
SelectedClass	The style when the option in the pop-up panel is selected	"Completer-selected"
Separator	Separator, which separates the input content from the part that is recommended to be completed automatically, such @	""
Suggest	If it is set to true, the suggestion mode is recommended and the entered content is automatically matched.	False
Template	Pop-up panel Template	"<Ul class =" completer-container "> </ul>"
ZIndex	The z-index value in the css of the pop-up panel	1

Download