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

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"/>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<link rel="stylesheet" type="text/css" href="tagging/css/amsify.suggestags.min.css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<script type="text/javascript" src="tagging/js/jquery.amsify.suggestags.js"></script>
</head>
<body>
<div>
<input type="text" class="form-control" name="planets" value="Earth,Mars"/>
</div>
<script type="text/javascript">
$('input[name="planets"]').amsifySuggestags({
type : 'materialize',
suggestions: ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupitor', 'Uranus', 'Neptune', 'Pluto']
});
</script>
</body>
</html>

Can any one guide me here, thank you in advance!!

Answers (3)