如何使用tag-it jquery插件获取标签

Question

我在工作中使用了tag-it jquery插件。我想要获取在文本区域中输入的标签，但得到的是空字符串。以下是我的代码

<?
    $simple_tags = array('c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua');
?>
    <script>
        $(function(){
            var sampleTags = <?php echo json_encode($simple_tags); ?>; 
            $('#singleFieldTags').tagit({
                availableTags: sampleTags,
                // This will make Tag-it submit a single form value, as a comma-delimited field.
                singleField: true
            });
        });
        function show()
        {
            console.log($('#singleFieldTags').val());
        }
    </script>

<div id="wrapper"> 

    <div id="content">
        <form>
            <ul id="singleFieldTags"></ul>
            <input type="submit" value="Submit" onclick="show()">
        </form>
    </div>
</div>

Answer 1

首先，我要说的是，您可以将标记作为字符串。其次，使用input元素而不是ul来获取这些值。

您的代码将如下所示。

记住将它链接到js函数alert，这样您就可以看到输出值。

请让我知道，如果它的工作，因为我与这个插件在过去的工作。

<?php 

    $simple_tags = "'c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'";

?>    

<script type="text/javascript">
   $(function(){
      var sampleTags = [<?php echo $simple_tags; ?>];
      $("#singleFieldTags").tagit({
          availableTags: sampleTags
    });
});
</script>

<input type="text" id="singleFieldTags"/>