In this tutorial I am going to show how to populate multiple textfields using single jQuery autocomplete select. For example I am going search country name on country name textfield using jQuery autocomplete, finally results will show list of country names that matches your search. While selecting country name from any one of the search results, it will populate that corresponding country Number, Country Phone code and Country code will be populated automatically in their respective textfields.
Best jQuery Ajax Plugins & Tutorials with Demo
jCart : Ajax web cart based on jQuery & PHP
jCart is a free Ajax shopping cart that’s easy to install and customize.Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.
Features:
- PayPal checkout integration
- Simple integration with your site
- XHTML compliance
- 2KB of unobtrusive javascript
- Full functionality with javascript disabled
- Server side input validation
- Easy customization with your text and CSS
donkeyGallery : jQuery Asynchronous Dynamic gallery with PHP
donkeyGallery is a simple ajax/php pack to realize dynamical galleries with asynchronous loading.This plugin is ready to use, and it’s very simple to install and initialize. You can use it to generate infinite galleries on the same site or page. This pack include also Fancybox and Easy Paginate plugins
Sexymetro : Hot or not platform with jQuery & PHP
Sexymetro is a Social Hot or not Platform similar with HotOrNot and Badoo, that allows users to upload their photos and meet new people.
Features:
- Chat system on every page
- Mobile site (app style)
- Cute notification (when another user say you are sexy)
- Facebook connect
- 6 languages (english,portuguese,italian,spanish,german,french)
- Multiple ajax upload
- Geolocalization
FormBuilder : jQuery plugin for Building Forms
A jQuery plugin for building forms, loading form structure from xml, and saving back to the server.
Features:
- JSON all the way around. No serliazing/format conversion.
- More flexible field schema options for future expansion work
- Form editor and form rendering use templates, making it easier to customize them
- Better re-use of internal code, much cleaner code
- Returns a basic API you can use for custom work
- PHP/Mongo save/load example code is extremely lightweight, and easily replaced
- Much improved support for multiple instances on a single page
HTML5 File Upload
This is a HTML5 file uploader, for single or multiple files. You can add files easily by dragging and dropping them or clicking. All files will be uploaded via AJAX or can be added within a form. Files can be renamed before uploading. Server files can be displayed and removed. All the files can be downloaded after they successfully uploaded.
Features:
- Upload single or multiple files
- Control files with extensions or mime type
- Edit filename before uploading
- Easy setup
- jQuery & Bootstrap 3.1
- Options to make it your own
- PHP examples included
Printer : AJAX style page loading jQuery plugin
Printer is an AJAX style page loading jQuery plugin that retrieves the URL from each hyperlink in the sidebar on the fly upon being clicked. It can also function as a rudimentry slideshow (but keep in mind this plugin does not cache any resources, i.e. Printer will make a new AJAX request on each new slide).
Features:
- A robust API (almost)
- Super simple setup
- Super smooth CSS animations
- Slideshow mode
- Random page printing direction mode
- Low overhead (getting there..)
- Highly customizable behavior and appearance
jQuery Events Calendar via Ajax
Events Calendar is a flexible plugin that allows you to connect to your database and show up your event days on a calendar view. You can easily list your events on wherever you want on your page via just one click.
Features:
- Easy installation
- jQuery powered
- Cross platform (Php, Asp…)
- Major browsers support
- Language support
- Easy to customize
- Detailed options
- 4 events
- 7 color themes
Picture Cut : jQuery plugin that Upload Drag & Crop Image
Picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.
Features:
- Ajax Upload
- Resize image
- Drag image from explorer
- Manipulate image size in bytes
- Cropping image
