The project will sometimes use AJAX auto-complete query, as in Google's search box, enter the first letter of Chinese characters or letters, the inclusion of this character or letter related items will be displayed for the user to choose, the plug-in is to achieve such a function. AutoComplete official website : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/(jquery can be downloaded
JQuery. Autocomplete is a popular plug-in of jquery. It can automatically complete the input box (autocomplete) and recommend the inputsuggest function, and supports ajax data loading. However, the only pity is that when the Chinese Input Method is enabled, firefox3.0 automatically matches Chinese pinyin, And the entered Chinese cannot be triggered in time; in my IE6.0, there is no such problem.
Cause analy
However, the only pity is that when the Chinese Input Method is enabled, firefox3.0 automatically matches Chinese pinyin, And the entered Chinese cannot be triggered in time; in my IE6.0, there is no such problem.Cause analysis:The Autocomplete plug-in triggers automatic matching of user input characters through the "keydown" event (Analysis of jquery. autocomplete. js line 92nd). in IE6, when the input met
Automatic completion of forms in Web pages, sometimes convenient, but sometimes do not want to let the browser to remember the form, such as disabling the password field autofill function, Web page disable the automatic completion of the form is controlled by the INPUT element's AutoComplete property, The automatic completion of the closed form is set to autocomplete= "off", and the default is to open the v
[Ctrl + A select all Note: If you need to introduce external JS, You need to refresh it to execute]
Nevermodules-AutoComplete cross-browser
IE 6.0-opera 9.0--Mozilla 1.5.0
Example list
Google suggest demo in this e. g
Response speed test, see this e. g
Using AutoComplete in Ajax, see this e. g
Nevermodules online document e. g
Feature feature (I have poor English, so I only writ
VaR emails = [{name: "Peter Pan", to: "peter@pan.de" },{ name: "Molly", to: "molly@yahoo.com" },{ Name: "forneria Marconi", to: "live@japan.jp" },{ name: "Master
Parameter description:* Minchars (number ):The number of characters that the user must enter before triggering autocomplete. Default: 1. If it is set to 0, double-click the input box or delete the content in the input box to display the list.* Width (number ):Width of the drop-down box. Defa
However, the only pity is that when the Chinese Input Method is enabled, firefox3.0 automatically matches Chinese pinyin, And the entered Chinese cannot be triggered in time; in my IE6.0, there is no such problem.
Cause analysis:The Autocomplete plug-in triggers automatic matching of user input characters through the "keydown" event (Analysis of jquery. autocomplete. js line 92nd). in IE6, when the input m
* Minchars (number ):
The number of characters that the user must enter before triggering autocomplete. Default: 1. If it is set to 0, double-click the input box or delete the content in the input box to display the list.
* Width (number ):
Width of the drop-down box. Default: width of the input element
* Max (number ):
AutoComplete drop-down shows the number of projects. Default: 10
* Delay (nu
Auto-Complete Plugin autocomplete
AutoComplete Plug-ins can help us achieve the same effect as Google suggest:
Plug-in home:
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
Plugin Documentation:
Http://docs.jquery.com/Plugins/Autocomplete
Configuration Description:
Http:/
Jquery. AutoComplete. js Chinese version (firefox is supported). Note that it fixes some bugs in Chinese Input. You can test them if you need them.
The Code is as follows:
JQuery. autocomplete = function (input, options ){// Create a link to selfVar me = this;// Create jQuery object for input elementVar $ input = $ (input). attr ("autocomplete", "off ");// Appl
The AutoComplete control is already widely used on the Internet. It was used once in a project, but it is not well encapsulated. I recently learned how to develop a control. I feel that this control will be used in the future, so I tried to write one.
Although this control is available on the Internet at will, in order to integrate it into your own framework, it is also necessary to develop on your own, and the development process is also an opportuni
I recently started learning jquery and want to automatically display results similar to Google search. So I chose to use the jquery AutoComplete plug-in.
Download the required files, jquery.autocomplete.jsand jquery.autocomplete.css.
Since the data obtained by the control can be obtained through the array and URL methods, I wrote two simple examples to test it.
Front-endCodeAs follows:
Code
Code highlighting produced by Actipro CodeHigh
Preface
Recently, we have been developing Winform. There is a scenario for querying bus information. You can enter some site names in the Start station input box, and the system will automatically give him suggestions and prompts, similar to auto-completion and smart prompts in Google, in Winform or WebForm ,. net provides a good solution, and you can even directly use the AutoComplete control in Ajax.
However, the problem arises. This function has to
JQuery AutoComplete auto-completion, jqueryautocomplete
JQuery. AutoComplete is a jQuery-based auto-completion plug-in. With jQuery's excellent cross-browser features, it can be compatible with Chrome, IE, Firefox, Opera, Safari, and other browsers.
Features:
You can set the width of the Completion list.
Supports setting the maximum height of the complete list.
Supports limit on the number of rows in th
Recently, in a project, you need to search data for a project selected by the user, but there are too many projects to select. If you bind the project to dropdownlist, it will be very slow, it is hard to find out if there are too many projects,
In this way, we can use the jquery plug-in autocomplete. However, the official example of such a plug-in is very simple, but it is not that easy to add your own needs.ArticleFinally, download the plug-in and
The jQuery plug-in Autocomplete does not support multiple Chinese characters. jqueryautocompleteIn front-end web development, when it comes to selection, Autocomplete is a very common plug-in, but this plug-in has some bugs when it comes to Chinese.This plug-in works well every time a text is entered. When multiple text is entered at a time, it cannot be used for filtering.This problem is particularly evide
However, the only pity is that when the Chinese Input Method is enabled, firefox3.0 automatically matches Chinese pinyin, And the entered Chinese cannot be triggered in time; in my IE6.0, there is no such problem.
Cause analysis:
The Autocomplete plug-in triggers automatic matching of user input characters through the "keydown" event (Analysis of jquery. autocomplete. js line 92nd). in IE6, when the input m
CJuiAutoComplete can automatically prompt users to enter text based on the first few characters. It encapsulates the JUIautocomplete plug-in. Basic usage: $ this- amp; gt; widget ( amp; #39; zii. widgets. jui. CJuiAutoComplete amp; #39;, amp; nbsp; array ( amp; #39; name amp; #39; amp; gt; amp; #39; city amp; #39;, amp; #39; sour... CJuiAutoComplete can automatically prompt users to enter text based on the first few characters. It encapsulates the JUI
ObjectiveToday, using noon lunch break, to share the recommendation of a ANGULARJS-based auto-complete (Autocomplete) label and tag group plug-in--ngtagsinput, the function of super-powerful. Don't believe, you can try to know ^_^ ...autocomplete--Auto-completion should not be too unfamiliar to developers, especially for front-end developers. Suggested content that the user enters in the text box, or when t
This article mainly introduces information about autocomplete Automatic completion form based on the bootstrap plug-in. If you are interested, refer to the autocomplete Automatic completion form based on the bootstrap plug-in to provide script code and use cases, as well as the background server (php), the original text is not clear, I hope to help you.
First, you must load bootstrap jquery. It should be
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.