Mas

Mas

  • NA
  • 478
  • 72.2k

A simple tagging system with auto complete in Jquery

Apr 20 2020 5:31 AM
Hello Members,
 
Hope you are doing good!!
 
Here am trying to do the tagging system with auto complete in Jquery..
 
Below is the reference i am using.
 
https://www.jqueryscript.net/form/Tagging-System-Autocomplete-Amsify-Suggestags.html
 
But not able to execute, Below is the code i have written
  1. <!DOCTYPE html>  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head runat="server">  
  4. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"/>  
  5. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>  
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>  
  7. <link rel="stylesheet" type="text/css" href="tagging/css/amsify.suggestags.min.css" />  
  8. <!-- Amsify Plugin -->  
  9. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />  
  10. <script type="text/javascript" src="tagging/js/jquery.amsify.suggestags.js"></script>  
  11. </head>  
  12. <body>  
  13. <div>  
  14. <input type="text" class="form-control" name="planets" value="Earth,Mars"/>  
  15. </div>  
  16. <script type="text/javascript">  
  17. $('input[name="planets"]').amsifySuggestags({  
  18. type : 'materialize',  
  19. suggestions: ['Mercury''Venus''Earth''Mars''Jupitor''Uranus''Neptune''Pluto']  
  20. });  
  21. </script>  
  22. </body>  
  23. </html>  
Can any one guide me here, thank you in advance!!

Answers (3)