Jquery.select2 Fuzzy Query

Last Update:2016-09-26 Source: Internet

Author: User

Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

<! DOCTYPE html>

You can modify the style yourself

Specific parameters can refer to:
Parameters

Type

Describe

Width

String

Select2 container div for controlling width style properties

Minimuminputlength

Int

Minimum number of characters

Maximuminputlength

Int

Maximum number of characters

Minimumresultsforsearch

Int

Minimum number of results

Maximumselectionsize

Int

Maximum number of entries that can be selected

Placeholder

String

Select an initial value

Separator

String

delimiter character or string used to delimit ID

Allowclear

Boolean

This option specifies only placeholders

Multiple

Boolean

Select2 whether to allow multiple values to be selected

Openonenter

Open the drop-down if set to True when the user presses the ENTER key, Select2 closes. This option is enabled by default.

Id

Function

The function is used to get the key that the ID store represents from the Selection object or string ID

Matcher

Function

Used to determine whether a search term matches an option when using a built-in query function

Sortresults

Function

The results to be displayed before sorting the list search.

Formatselection

Function

function to render the current selection

FormatResult

Function

function to render the result,

Formatresultcssclass

Function

function to add CSS class result elements

Formatnomatches

string/function

The string contains a "mismatch" message, or
function is used to render information

Formatsearching

string/function

String contains "search ... "Message, or
The function is used to render the displayed message in the search.

Formatajaxerror

string/function

The string contains the message "Failed to load", or
function is used to render information

Formatinputtooshort

string/function

String containing "search" input too short message, or
function is used to render information.

Formatinputtoolong

string/function

String containing "search" input too short message, or
function is used to render information

Formatinputtoolong

string/function

Contains the "Search input string too long" message, or
function is used to render information.

Formatselectiontoobig

string/function

The string contains "You cannot select any more choices" message, or
function is used to render information

Formatloadmore

string/function

string/function

Createsearchchoice

Function

Create a new optional selection from the user's search term. Allows creation of a select unavailable feature through a query. Useful users can create dynamic selections, such as "tags" usecase.

Createsearchchoiceposition

function/String

Defines the location of the Insert element

Initselection

Function

Call Select2 to create a value that allows the user to initialize the selected Select2 attached to the element

Tokenizer

Function

The token-giving function can be processed after inputting each keystroke and extracting and selecting selection of the input search box.

Tokenseparators

Function

A string array that defines the delimiter word breaker feature marked as the default. By default, this option is set to an empty array tag, which means that using the default compiler is disabled. It is usually wise to set this option to a value similar to [', ', '].

Query

Function

function is used to search for the query results of a word.

Ajax

Object

Select the built-in AJAX query feature. This object as a shortcut has to manually write a function that performs an AJAX request. Built-in functions support more advanced features, such as throttling and disorderly reactions.

Data

Arrays/Objects

Choose to build in the query function, using arrays.

Tags

Arrays/functions

Putting Select2 into "label" mode, users can add new selections and pre-existing tags by providing this option is an array of properties or a function that returns an array of objects or strings. If strings instead of objects are used, they will have a value string that is converted to an object ID and equal to the Text property.

Containercss

Functions/Objects

The inline CSS will be added to the Select2 container. An object that contains a CSS property/value key pair or a function that returns an object.

Containercssclass

function/String

The CSS class will be added to the label of the Select2 container.

Dropdowncss

Functions/Objects

The inline CSS will be added to the Select2 drop-down container. An object that contains a CSS property/value key pair or a function that returns an object.

Dropdowncssclass

function/String

The CSS class will be added to the Select2 drop-down container.

Dropdownautowidth

Boolean

When set to true try the auto-size drop-down based on the width of the content.

Adaptcontainercssclass

Function

Filter/rename CSS classes as they are copied from the source Label Select2 Container label

Adaptdropdowncssclass

Function

Filter/Rename CSS class as they are copied from Source tab SELECT2 pull label

Escapemarkup

Function

The function is used to post-process markup from the formatter to return functionality. By default, this feature escapes HTML entities to prevent JavaScript injection.

Selectonblur

Boolean

Set to True if you want Select2 to select the current highlighting option when blurring.

Loadmorepadding

Integer

Defines how many pixels you need to load the next page before folding the following. The default value is 0, which means that the result list needs to scroll to the bottom of the next page to load the results. This option can be used to trigger faster loading and may result in a smoother user experience.

Nextsearchterm

Function

function to determine what the next search term should be

Http://select2.github.io/examples.html#tags
Jquery.select2 Fuzzy Query

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

Jquery.select2 Fuzzy Query

Contact Us

What's Trending

Top 10 Tags

Top 10 Keywords

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support

Specific parameters can refer to: Parameters	Type	Describe
Width	String	Select2 container div for controlling width style properties
Minimuminputlength	Int	Minimum number of characters
Maximuminputlength	Int	Maximum number of characters
Minimumresultsforsearch	Int	Minimum number of results
Maximumselectionsize	Int	Maximum number of entries that can be selected
Placeholder	String	Select an initial value
Separator	String	delimiter character or string used to delimit ID
Allowclear	Boolean	This option specifies only placeholders
Multiple	Boolean	Select2 whether to allow multiple values to be selected
Openonenter		Open the drop-down if set to True when the user presses the ENTER key, Select2 closes. This option is enabled by default.
Id	Function	The function is used to get the key that the ID store represents from the Selection object or string ID
Matcher	Function	Used to determine whether a search term matches an option when using a built-in query function
Sortresults	Function	The results to be displayed before sorting the list search.
Formatselection	Function	function to render the current selection
FormatResult	Function	function to render the result,
Formatresultcssclass	Function	function to add CSS class result elements
Formatnomatches	string/function	The string contains a "mismatch" message, or function is used to render information
Formatsearching	string/function	String contains "search ... "Message, or The function is used to render the displayed message in the search.
Formatajaxerror	string/function	The string contains the message "Failed to load", or function is used to render information
Formatinputtooshort	string/function	String containing "search" input too short message, or function is used to render information.
Formatinputtoolong	string/function	String containing "search" input too short message, or function is used to render information
Formatinputtoolong	string/function	Contains the "Search input string too long" message, or function is used to render information.
Formatselectiontoobig	string/function	The string contains "You cannot select any more choices" message, or function is used to render information
Formatloadmore	string/function	string/function
Createsearchchoice	Function	Create a new optional selection from the user's search term. Allows creation of a select unavailable feature through a query. Useful users can create dynamic selections, such as "tags" usecase.
Createsearchchoiceposition	function/String	Defines the location of the Insert element
Initselection	Function	Call Select2 to create a value that allows the user to initialize the selected Select2 attached to the element
Tokenizer	Function	The token-giving function can be processed after inputting each keystroke and extracting and selecting selection of the input search box.
Tokenseparators	Function	A string array that defines the delimiter word breaker feature marked as the default. By default, this option is set to an empty array tag, which means that using the default compiler is disabled. It is usually wise to set this option to a value similar to [', ', '].
Query	Function	function is used to search for the query results of a word.
Ajax	Object	Select the built-in AJAX query feature. This object as a shortcut has to manually write a function that performs an AJAX request. Built-in functions support more advanced features, such as throttling and disorderly reactions.
Data	Arrays/Objects	Choose to build in the query function, using arrays.
Tags	Arrays/functions	Putting Select2 into "label" mode, users can add new selections and pre-existing tags by providing this option is an array of properties or a function that returns an array of objects or strings. If strings instead of objects are used, they will have a value string that is converted to an object ID and equal to the Text property.
Containercss	Functions/Objects	The inline CSS will be added to the Select2 container. An object that contains a CSS property/value key pair or a function that returns an object.
Containercssclass	function/String	The CSS class will be added to the label of the Select2 container.
Dropdowncss	Functions/Objects	The inline CSS will be added to the Select2 drop-down container. An object that contains a CSS property/value key pair or a function that returns an object.
Dropdowncssclass	function/String	The CSS class will be added to the Select2 drop-down container.
Dropdownautowidth	Boolean	When set to true try the auto-size drop-down based on the width of the content.
Adaptcontainercssclass	Function	Filter/rename CSS classes as they are copied from the source Label Select2 Container label
Adaptdropdowncssclass	Function	Filter/Rename CSS class as they are copied from Source tab SELECT2 pull label
Escapemarkup	Function	The function is used to post-process markup from the formatter to return functionality. By default, this feature escapes HTML entities to prevent JavaScript injection.
Selectonblur	Boolean	Set to True if you want Select2 to select the current highlighting option when blurring.
Loadmorepadding	Integer	Defines how many pixels you need to load the next page before folding the following. The default value is 0, which means that the result list needs to scroll to the bottom of the next page to load the results. This option can be used to trigger faster loading and may result in a smoother user experience.
Nextsearchterm	Function	function to determine what the next search term should be

Jquery.select2 Fuzzy Query

Contact Us

What's Trending

Top 10 Tags

Top 10 Keywords

Trending Topic

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support