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

【问题标题】：how to get tags by using tag-it jquery plugin如何使用 tag-it jquery 插件获取标签
【发布时间】：2014-06-18 13:37:19
【问题描述】：

我正在为我的工作使用 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>

【问题讨论】：

ul 元素没有value。试试assignedTags 方法。

标签： javascript php jquery jquery-plugins tag-it

【解决方案1】：

首先我会说你将标签作为字符串。其次，使用输入元素而不是 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"/>

【讨论】：