JavaScript automatically completes script sorting (33)

If you are preparing to improve the user experience of your website in this aspect, we have prepared33 JavaScript scripts are automatically completed,Of courseJquery.
1. Proto! TextboxList (Demo address)
= 700) window. open ('/upload/20091020155954866.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545014207-0.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The autocomplete function is developed using Prototype library, which is similar to the TextboxList control of Facebook.
2. jQuery Autocomplete Plugin
= 700) window. open ('/upload/20091020155956308.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501FY-1.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The jQuery plug-in is easy to integrate into the current Form (Form ).
3. dhtmlxCombo
= 700) window. open ('/upload/20091020155956278.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501E32-2.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
DHTMLxCombo is a cross-platform with Autocomplete function and supportsAjaxCombobox.
4. Facebook like Autocomplete (Demo address)
= 700) window. open ('/upload/20091020155956749.png'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545014X5-3.png "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Developed based on jQuery, similar to the AutoCompleter provided by FaceBoox
5. MooTools Autocompleter (Demo address)
= 700) window. open ('/upload/20091020155956750.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013000-4.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
With the development of MooTools, data can be obtained from local objects or Json or Xhtml can be obtained through XHR.
6. jQuery Autocomplete Mod (Demo address)
= 700) window. open ('/upload/20091020155956750.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013000-4.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
JQuery Autcomplete plugin. Limit the number of results displayed in the drop-down menu.
7. jqac
= 700) window. open ('/upload/20091020155956702.png'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545015059-6.png "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The Autocomplete plug-in developed based on Jquery. It is easy to use and easy to configure. You can use Ajax to read data or directly obtain data from a local device.
8. jQuery Tag Suggestion (Demo address)
= 700) window. open ('/upload/20091020155957168.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/05450159B-7.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Similar to tag suggesting provided by del. icio. us.
9. Spry Auto Suggest (Demo address)
= 700) window. open ('/upload/20091020155957168.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/05450159B-7.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Spry Auto Suggest control. Spry is an Ajax framework developed by Adobe for the increasingly popular Ajax technologies.
10. Autocomplete-jQuery ajax (Demo address)
= 700) window. open ('/upload/20091020155957403.png'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013629-9.png "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Using jQuery (Ajax), PHP, and MySQLDeveloped AutoCompleter.
11. jQuery. Suggest
= 700) window. open ('/upload/20091020155957217.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545014P1-10.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The Autocomplete library developed based on jQuery is supported across browsers.
12. Autocomplete-jQuery plugin
= 700) window. open ('/upload/20091020155957217.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545014P1-10.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
A jQuery Autocompleter that provides cache options to restrict requests to the server.
13. jQuery plugin: Autocomplete (Demo address)
= 700) window. open ('/upload/20091020155957323.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013403-12.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The input box value is automatically completed, allowing you to quickly search for and filter some values.
14. jSuggest
= 700) window. open ('/upload/20091020155957214.gif'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545015Y6-13.gif "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The AutoComplete jQuery plug-in that imitates the Google Suggest function.
15. Control. Autocomplete
= 700) window. open ('/upload/20091020155957323.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013403-12.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Autocomplete control developed based on the Mootools framework.
16. ddcombobox
= 700) window. open ('/upload/20091020155957993.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013211-15.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The jQuery plug-in the drop-down box with AutoComplete function.
17. jQuery Live Ajax Search Plug-in
Use the AutoComplete control developed by jQuery. The search result display box can be customized using CSS. The content display is an HTML page.
18. A fancy Apple.com-style search suggestion (Demo address)
= 700) window. open ('/upload/20091020155957993.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013211-15.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
This is a Search Suggestion implemented using HTML/CSS, jQuery, MySQL PHP, and other technologies.
19. TextboxList (Demo address)
= 700) window. open ('/upload/20091020155957676.gif'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013414-17.gif "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
This Mootools plug-in can convert a common text input box to a text input box with the Autocomplete function style similar to Facebook. Supports any type of data sources (XHR, Json ).
20. Autobox2 (Demo address)
The jQuery plug-in Autobox2 can be used to create AutoComplete controls similar to the Facebook style.
21. MavSuggest (Demo address)
MavSuggest is an AutoComplete control implemented using the Mootools framework. MavSuggest only supports data objects in JSON format. The server can be implemented in any language. The server only needs to output the corresponding JSON object as required.
22. Tokenizing Autocomplete Text Entry (Demo address)
= 700) window. open ('/upload/20091020155957219.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545011C4-18.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
A jQuery plug-in allows you to select multiple projects from a preset list. The Autocompletion function is provided to help users search for projects. Supports CSS control and custom layout. You can cache search results to reduce the number of server loads. You can use the mouse or keyboard to select a project. Provides SMOOTH animation data loading.
23. AutoComplete-JQuery (Demo address)
= 700) window. open ('/upload/20091020155957548.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501K45-19.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The jQuery plug-in is easy to integrate into the current Form (Form ).
24. jQuery Autocomplete Mod
= 700) window. open ('/upload/20091020155957911.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501AY-20.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
JQuery Autcomplete plugin. Limit the number of results displayed in the drop-down menu.
25. jqac (Demo address)
= 700) window. open ('/upload/20091020155957702.png'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545013339-21.png "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The Autocomplete plug-in developed based on Jquery. It is easy to use and easy to configure. You can use Ajax to read data or directly obtain data from a local device.
26. Spry AutoSuggest
= 700) window. open ('/upload/20091020155957216.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501F36-22.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Spry Auto Suggest control. Spry is an Ajax framework developed by Adobe for the increasingly popular Ajax technologies.
27. Autocomplete-jQuery ajax (Demo address)
= 700) window. open ('/upload/20091020155957984.png'); "src =" http://www.bkjia.com/uploads/allimg/131016/054501M58-23.png "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
AutoCompleter developed using jQuery (Ajax), PHP, and MySQL.
28. jQuery. Suggest (Demo address)
= 700) window. open ('/upload/20091020155957211.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545014042-24.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
The Autocomplete library developed based on jQuery is supported across browsers.
29. Autocomplete-jQuery plugin
= 700) window. open ('/upload/20091020155957774.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/05450140c-25.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
A jQuery Autocompleter that provides cache options to restrict requests to the server.
30. MavSuggest (Demo address)
MavSuggest is an AutoComplete control implemented using the Mootools framework. MavSuggest only supports data objects in JSON format. The server can be implemented in any language. The server only needs to output the corresponding JSON object as required.
31. Friend selector (Demo address)
= 700) window. open ('/upload/20091020155957774.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/05450140c-25.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
Use jquery to look up the plug-in automatically prompting users.
32. Flexselect
= 700) window. open ('/upload/20091020155957774.jpg'); "src =" http://www.bkjia.com/uploads/allimg/131016/05450140c-25.jpg "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
JQuery Flexselect is also a drop-down box prompt plug-in, that is, the input box prompt. Currently, jQueryFlexselect has been developed to v0.2. Its usage is ever-changing, and more applications are available. For specific usage, please read the official documentation. It can form cascading prompts with other input boxes, which is more powerful than the previous tip plug-ins.
33. FlexBox
= 700) window. open ('/upload/20091020155957737.gif'); "src =" http://www.bkjia.com/uploads/allimg/131016/0545016403-28.gif "onload =" if (this. offsetWidth> '20140901') this. width = '000000'; if (this. offsetHeight> '20140901') this. height = '000000'; "border = 0>
FlexBox is a jQuery plug-in used to display the dynamic drop-down box, using a data source in JSON format.