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

首先我要说你把标签作为字符串。其次使用输入元素而不是ul来获取值。

您的代码将变为类似以下内容。

请记住将其链接到您的js功能警报，以便您可以看到输出值。

让我知道它是否有效，因为我过去使用过这个插件。

<?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"/>

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

1 个答案: