<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/jquery.taghandler.css" />
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/jquery.taghandler.js"></script>
<title>tags</title>
</head>
<body>
<!--<div class="tagHandler">
<ul id="basic_tag_handler" class="tagHandlerContainer">
<li class="tagInput">
<input class="tagInputField" type="text">
</li>
</ul>
</div>
-->
<div class="tagHandler">
<ul id="array_tag_handler" class="tagHandlerContainer">
<li class="tagInput">
<input class="tagInputField ui-autocomplete-input" type="text" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
</li>
</ul>
</div>
<script>
// $("#basic_tag_handler").tagHandler();
$("#array_tag_handler").tagHandler({
assignedTags: [ 'C', 'Perl', 'PHP' ],
availableTags: [ 'C', 'C++', 'C#', 'Java', 'Perl', 'PHP', 'Python' ],
autocomplete: true
});
</script>
</body>
</html>
It is taking the values of assignedTags, The attribute availableTags opens a dropdown to select the specified values by availableTags as per website but in my case it is not opening the dropdown what can be the issue?
I'm using this plugin called TagHandler. Link: http://ioncache.github.io/Tag-Handler here's the code
It is taking the values of assignedTags, The attribute availableTags opens a dropdown to select the specified values by availableTags as per website but in my case it is not opening the dropdown what can be the issue?