فرم با آرایه
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); } }); $('#country').autocomplete({ lookup: countriesArray, minChars: 1, onSelect: function (suggestion) { $('#selection-country').html('You selected: ' + suggestion.value); }, showNoSuggestionNotice: true, noSuggestionNotice: 'Sorry, no matching results', groupBy: 'category' });
فرم با دو آرایه
var nhlTeams = ['Atlanta', 'Boston', 'Buffalo', 'Calgary', 'Carolina', 'Chicago', 'Colorado', 'Columbus', 'Dallas', 'Detroit', 'Edmonton', 'Florida', 'Los Angeles', 'Minnesota', 'Montreal', 'Nashville', ]; var nbaTeams = ['New Jersey', 'New Rork', 'New York', 'Ottawa', 'Philadelphia', 'Phoenix', 'Pittsburgh', 'Saint Louis', 'San Jose', 'Tampa Bay', 'Toronto Maple', 'Vancouver', 'Washington']; var nhl = $.map(nhlTeams, function (team) { return { value: team, data: { category: 'Section A' }}; }); var nba = $.map(nbaTeams, function (team) { return { value: team, data: { category: 'Section B' } }; }); var teams = nhl.concat(nba); // Initialize autocomplete with local lookup: $('#city').autocomplete({ lookup: teams, minChars: 1, onSelect: function (suggestion) { $('#selection').html('You selected: ' + suggestion.value); }, showNoSuggestionNotice: true, noSuggestionNotice: 'Sorry, no matching results', groupBy: 'category' });
نمونه تکمیل خودکار
// Initialize autocomplete with custom appendTo: $('#autocomplete-dynamic').autocomplete({ lookup: countriesArray });
ظرف پیشنهادی سفارشی
// Initialize autocomplete with custom appendTo: $('#autocomplete-custom-append').autocomplete({ lookup: countriesArray, });
© کپی رایت
بومی سازی شده توسط : ایمان پاکروح