Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- : <input type="text" name="country" id="autocomplete-ajax" style=" background: transparent;" required placeholder="Type country name and select from list"/>
- var countries = {
- "0": "South Africa",
- "1": "Australia",
- "2": "Brazil",
- "3": "United States",
- "4": "Zimbabwe"
- /*jslint browser: true, white: true, plusplus: true */
- /*global $, countries */
- $(function () {
- var countriesArray = $.map(countries, function (value, key) { return { value: value, data: key }; });
- // Setup jQuery ajax mock:
- $.mockjax({
- url: '*',
- responseTime: 2000,
- response: function (settings) {
- var query = settings.data.query,
- queryLowerCase = query.toLowerCase(),
- re = new RegExp('\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi'),
- suggestions = $.grep(countriesArray, function (country) {
- // return country.value.toLowerCase().indexOf(queryLowerCase) === 0;
- return re.test(country.value);
- }),
- response = {
- query: query,
- suggestions: suggestions
- };
- this.responseText = JSON.stringify(response);
- }
- });
- // Initialize ajax autocomplete:
- $('#autocomplete-ajax').autocomplete({
- // serviceUrl: '/autosuggest/service/url',
- lookup: countriesArray,
- lookupFilter: function(suggestion, originalQuery, queryLowerCase) {
- var re = new RegExp('\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi');
- return re.test(suggestion.value);
- },
- onHint: function (hint) {
- $('#autocomplete-ajax-x').val(hint);
- },
- });
- });
Add Comment
Please, Sign In to add comment