{"id":2821,"date":"2024-01-19T16:51:00","date_gmt":"2024-01-19T16:51:00","guid":{"rendered":"https:\/\/codehim.com\/?p=2821"},"modified":"2024-01-22T14:53:06","modified_gmt":"2024-01-22T09:53:06","slug":"javascript-jquery-autocomplete-textbox-from-array","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/","title":{"rendered":"JavaScript \/ jQuery Autocomplete Textbox From Array"},"content":{"rendered":"<section class=\"cm-tb\">\n<div class=\"cm-row\">\n<p class=\"plugin-intro\">\nAn ultra lightweight and simple autocomplete (text suggestion) plugin for jQuery. The plugin lets you to create autocomplete functionality for input, textbox or textarea element. You just need to define an array of auto completion terms, then this lightweight plugin will show them under the  text input.<\/p>\n<\/p><\/div>\n<div class=\"cm-row\">\n<\/div>\n<\/section>\n<section class=\"codehim-wrapper\">\n<div class=\"d-row\">\n<h2>Plugin Preview<\/h2>\n<figure class=\"item-preview\"> <div id=\"featured-img-id\"><img decoding=\"async\" src=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\" alt=\"JavaScript \/ jQuery Autocomplete Textbox From Array\" \/><\/div> <\/figure>\n<div class=\"item-like-share\"> <div class=\"codehim-share\"> <span class=\"share-title\">Share this:<\/span> <span class=\"share-btn-container\"> <\/span> <\/div> <\/div>\n<p><span class=\"small-text\"><a href=\"https:\/\/codehim.com\/how-to-start-using-jquery\/\"> How to start using jQuery?<\/a><\/span><\/p>\n<p><span class=\"large-text\"><a href=\"https:\/\/codehim.com\"> More jQuery Top, Best and New Plugins <\/a><\/span><\/p>\n<p><span class=\"small-text\"><a href=\"https:\/\/codehim.com\/tag\/top-100\/\"> Top 100 jQuery Plugins<\/a><\/span><\/p>\n<\/div>\n<div class=\"d-row\">\n<h2> Plugin Overview<\/h2>\n<table class=\"plugin-overview\">\n<tbody>\n<tr>\n<td><i class=\"fa fa-plug\"><\/i> Plugin:<\/td>\n<td>jquery-select-autocomplete<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-user\"><\/i> Author:<\/td>\n<td>Arthur Mironov<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-text-o\"><\/i> Licence:<\/td>\n<td><a href=\"https:\/\/opensource.org\/licenses\/MIT\" class=\"external\" target=\"_blank\" rel=\"noopener noreferrer\"> MIT Licence<\/a><\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-calendar-check-o\"><\/i> Published:<\/td>\n<td class=\"publish-date\">January 19, 2024<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-github\"><\/i>Repository:<\/td>\n<td> <a href=\"https:\/\/github.com\/art-mironoff\/jquery-select-autocomplete\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">Fork on GitHub <\/a><\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-link\"><\/i> Dependencies:<\/td>\n<td><a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\" class=\"external\" rel=\"noopener noreferrer\">jQuery 1.8.0 <\/a> or Latest version<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-code-o\"><\/i> File Type:<\/td>\n<td>zip archive (HTML, CSS &#038; JavaScript )<\/td>\n<\/tr>\n<tr>\n<td><i class=\"fa fa-file-archive-o\"><\/i> Package Size:<\/td>\n<td>7.18 KB <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"cd-action\"><a class=\"btn demo\" target=\"_blank\" href=\"\/demo\/jquery-select-autocomplete\/\" rel=\"nofollow noopener noreferrer\"> Demo <\/a><a class=\"btn download\" href=\"\/download\/jquery-select-autocomplete.zip\" rel=\"nofollow\"> Download<\/a><\/div>\n<\/div>\n<\/section>\n<div class=\"ad-after-overview\">\n<\/div>\n<h2> How to Use jQuery Autocomplete Textbox Plugin<\/h2>\n<p>1. Load the latest jQuery and <code>autocomplete<\/code>&#8216;s CSS and JavaScript files into your HTML document.<\/p>\n<pre class=\"prettyprint lang-html\">\r\n&lt;!-- jQuery --&gt;\r\n&lt;script src=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\"&gt;&lt;\/script&gt;\r\n\r\n&lt;!-- Textbox Autocomplete Assets --&gt;\r\n&lt;link href=\"css\/jquery.select-autocomplete.css\" rel=\"stylesheet\" type=\"text\/css\"&gt;\r\n&lt;script src=\"js\/jquery.select-autocomplete.js\"&gt;&lt;\/script&gt;\r\n<\/pre>\n<p>2. After that, create an <code>input<\/code> element with a unique id and wrap it into <code>div<\/code> (if you want to adjust it). <\/p>\n<pre class=\"prettyprint lang-html\">\r\n&lt;div class=\"wrapper\"&gt;\r\n      &lt;input id=\"autocomplete\" type=\"text\" name=\"search\" \/&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>3. Now, define an array in jQuery document ready function that contains objects of your autocomplete text (in name field) and unique id. Call the plugin and put your array in plugin&#8217;s <code> data<\/code> option.<\/p>\n<pre class=\"prettyprint lang-js\">\r\n $(document).ready(function() {\r\n\r\n  var myArray = [\r\n            { id: \"id111\", name: \"aaaa\" },\r\n            { id: \"id222\", name: \"bbbb\" },\r\n            { id: \"id333\", name: \"cccc\" },\r\n            { id: \"id444\", name: \"dddd\" },\r\n            { id: \"id555\", name: \"eeee\" },\r\n            { id: \"id666\", name: \"ffff\" },\r\n            { id: \"id777\", name: \"gggg\" },\r\n            { id: \"id888\", name: \"hhhh\" },\r\n            { id: \"id999\", name: \"iiii\" }\r\n          ];\r\n\r\n        $(\"#autocomplete\").selectAutocomplete({\r\n          data: myArray\r\n        });\r\n      });\r\n<\/pre>\n<h2> Advance Options to Create Autocomplete Textbox <\/h2>\n<p>\nThe following are some advance configuration options to create javascript autocomplete textbox from array.\n<\/p>\n<table>\n<tbody>\n<tr>\n<th>Option <\/th>\n<th>Description, Default, Type <\/th>\n<\/tr>\n<tr>\n<td><code>showCancelButton<\/code><\/td>\n<td>\n<p>\nDecide weather to show cancel button (that will clear input). Default: true, Type: Boolean.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   showCancelButton: true,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>cancelButtonText<\/code><\/td>\n<td>\n<p>\nDefine the text for cancel button. Default: &#8220;Remove&#8221;, Type: String.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label>  <\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   cancelButtonText: \"Remove\",\t\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>data<\/code><\/td>\n<td>\n<p>\n This option used to submit array (of suggestion text) to plugin. Default: [], Type: array.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   data: [],\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>minLength<\/code><\/td>\n<td>\n<p>\nDefine the minimum length for auto completion. Default: 3, Type: Number\/int.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label>  <\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   minLength: 3,\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>dropdownAttrs\t<\/code><\/td>\n<td>\n<p>\nThe dropdown attribute. Default: { class: &#8220;dropdown&#8221; }, Type: Object.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label>  <\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   dropdownAttrs:\t{ class: \"dropdown\" },\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<tr>\n<td><code>onSelect<\/code> &#038; <code>onCancel<\/code><\/td>\n<td>\n<p>\nThe custom callback functions that will execute on select and on cancel. Default, null, Type: function.\n<\/p>\n<p><label class=\"example\">EXAMPLE<\/label><\/p>\n<pre class=\"prettyprint lang-js\">\r\n$(\"#autocomplete\").selectAutocomplete({\r\n   onSelect: function{\r\n      \/\/ code to run\r\n     }\r\n   onCancel: function{\r\n      \/\/ code to run\r\n     }\r\n});\r\n<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>An ultra lightweight and simple autocomplete (text suggestion) plugin for jQuery. The plugin lets you to create autocomplete functionality for&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2824,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-2821","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-19T16:51:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T09:53:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"962\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"JavaScript \/ jQuery Autocomplete Textbox From Array\",\"datePublished\":\"2024-01-19T16:51:00+00:00\",\"dateModified\":\"2024-01-22T09:53:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\"},\"wordCount\":282,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\",\"articleSection\":[\"Text &amp; Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\",\"url\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\",\"name\":\"JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\",\"datePublished\":\"2024-01-19T16:51:00+00:00\",\"dateModified\":\"2024-01-22T09:53:06+00:00\",\"description\":\"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg\",\"width\":1280,\"height\":962,\"caption\":\"JavaScript \/ jQuery Autocomplete Textbox From Array\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text &amp; Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript \/ jQuery Autocomplete Textbox From Array\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim","description":"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim","og_description":"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.","og_url":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-19T16:51:00+00:00","article_modified_time":"2024-01-22T09:53:06+00:00","og_image":[{"width":1280,"height":962,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg","type":"image\/jpeg"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"JavaScript \/ jQuery Autocomplete Textbox From Array","datePublished":"2024-01-19T16:51:00+00:00","dateModified":"2024-01-22T09:53:06+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/"},"wordCount":282,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg","articleSection":["Text &amp; Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/","url":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/","name":"JavaScript \/ jQuery Autocomplete Textbox From Array &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg","datePublished":"2024-01-19T16:51:00+00:00","dateModified":"2024-01-22T09:53:06+00:00","description":"A llightweight and simple jQuery plugin to create autocomplete textbox from JavaScript array. The plugin suggest your array text under text input.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2019\/05\/jquery-autocomplete-from-array.jpg","width":1280,"height":962,"caption":"JavaScript \/ jQuery Autocomplete Textbox From Array"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/javascript-jquery-autocomplete-textbox-from-array\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text &amp; Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"JavaScript \/ jQuery Autocomplete Textbox From Array"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":4721,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/2821","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=2821"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/2821\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/2824"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=2821"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=2821"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=2821"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}