3
Answers

A simple tagging system with auto complete in Jquery

Mas

Mas

4y
1.3k
1
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)
Next Recommended Forum