473,466 Members | 1,405 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

How to create auto-complete j-query dropdown in a textbox as similar to google home

2 New Member
HI,
Can anyone provide me better suggestion for (j-query autocomplete) or (javascript) autocomplete code in a textbox.Any of the code ,make sure it should be in textbox not a dropdownbox.

Thank You
Dec 17 '18 #1
2 1793
gits
5,390 Recognized Expert Moderator Expert
what have you tried so far and with what exactly do you have problems with in your code?
Dec 19 '18 #2
AjayGohil
83 New Member
try to this code for autocomplete
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Autocomplete</title>
  5.         <meta name="viewport" content="width=device-width initial-scale=1"> 
  6.  
  7.         <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
  8.         rel = "stylesheet">
  9.      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
  10.      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  11.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  12.  <script type="text/javascript">
  13.     $( function() {
  14.     var language = [
  15.       "ActionScript",
  16.       "AppleScript",
  17.       "Asp",
  18.       "BASIC",
  19.       "C",
  20.       "C++",
  21.       "Clojure",
  22.       "COBOL",
  23.       "ColdFusion",
  24.       "Erlang",
  25.       "Fortran",
  26.       "Groovy",
  27.       "Haskell",
  28.       "Java",
  29.       "JavaScript",
  30.       "Lisp",
  31.       "Perl",
  32.       "PHP",
  33.       "Python",
  34.       "Ruby",
  35.       "Scala",
  36.       "Scheme"
  37.     ];
  38.     $( "#tags" ).autocomplete({
  39.       source: language
  40.     });
  41.   } );
  42.   </script>
  43. </head>
  44. <body>
  45.  
  46. <div class="ui-widget">
  47.   <label for="tags">Tags: </label>
  48.   <input id="tags">
  49. </div>
  50.  
  51.  
  52. </body>
  53. </html>         
  54.  
Apr 19 '19 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

4
by: Abe Hills | last post by:
I'm trying to put a drop-down box on an asp, which will containing a list of names. When a user starts typing a name that is in the list I want the text to autocomplete e.g. when the user...
0
by: Waran | last post by:
I need to create a Auto suggests Textboox like in http://www.google.com/webhp?complete=1&hl=en I have completed this using AJAX.NET for Framework 1.1 . I have some design issues after the data is...
1
by: rbg.net | last post by:
I know that there is a autocomplete property for the HTML "INPUT type=text" control which if set to OFF, disables autocomplete of the input textbox (doesn't remember previously entered values) ...
8
by: nil | last post by:
Hello all, It's urgent... i want to add autocomplete textbox facility in my application like google. as you type it suggests option to the user..i want the same kind of facility...i know i...
4
by: giveDsolution | last post by:
Can anybody suggest me the logic behind the autocompleted features of textbox. Its a urgent required
2
by: PRR | last post by:
I have a textbox... i want to display a list of "choices" like in google or yahoo, as the user types in some keys.... Very crudely i got it workin by havin a list<string> storing all values, then...
2
by: Zabivb | last post by:
how to use mkdir to create dynamically folders using textbox ? coding ====== <?php $foldername="text"; mkdir = $foldername; ?>
1
by: princebhea | last post by:
How to create a dependent dropdown ,country ,state,city pls send me,suppose ,i click the country it will disply the all country list,when i select the india it will disply the all state list of india...
0
by: emadadel2008 | last post by:
I want to create a new DropDown menu with different conditions like: Contains, NotContains, NotEqual, etc... So I can select this type of drop down for other columns. Janus Gridex1 Is there a...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
1
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.