Question

在我的用例中，我使用标记tag-it来获取用户的标记。我正在以html <ul>形式输入标签。我在服务器端使用golang。

HTML：

   <form class="comment-form" action="/add/" method="POST" enctype="multipart/form-data">
    <div class="form-input">
      <label for="tags_label">Tags</label>
      <ul id="tags">
        <script type="text/javascript">
          $("#myTags").tagit();
          var tagsArray = ["C", "C++", "Go", "Ruby"];
          $("#tags").tagit({
              itemName: "teamId",
              fieldName: "teamName",
              availableTags: tagsArray,
              allowSpaces:true,
              caseSensitive:false,
              removeConfirmation:true,
              placeholderText:"Tags",
              tagLimit: 5,
              allowDuplicates: false,
              singleFieldDelimiter: ',',
              onlyAvailableTags: false
          });
        </script>
      </ul>
    </div>
   </form>

并且在服务器端我试图得到类似于下面的值，类似于表单中的其他字段，

tags            := r.FormValue("tags")
log.Printf("Tags : ", tags)

但它不起作用。有人可以帮我这个吗？

修改当我检查元素时，这就是我所看到的，

<div class="form-input">
    <label for="tags_label">Tags</label>
    <ul id="tags" class="tagit ui-widget ui-widget-content ui-corner-all">
        <script type="text/javascript">
            $("#myTags").tagit();
            var tagsArray = ["C", "C++", "Go", "Ruby"];
            $("#tags").tagit({
                    itemName: "teamId",
                    fieldName: "teamName",
                    availableTags: tagsArray,
                    allowSpaces:true,
                    caseSensitive:false,
                    removeConfirmation:true,
                    placeholderText:"Tags",
                    tagLimit: 5,
                    allowDuplicates: false,
                    singleFieldDelimiter: ',',
                    onlyAvailableTags: false
            });
        </script><li class="tagit-new"><input type="text" class="ui-widget-content ui-autocomplete-input" placeholder="Tags" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></li>
    </ul>                                            
</div>

Answer 1

发现问题：您期望单个字段，但您未在tag-it的{{3}}中指定该字段。使用如下（为清晰起见添加了一些注释）：

<script type="text/javascript">
    $("#myTags").tagit();
    var tagsArray = ["C", "C++", "Go", "Ruby"];
    $("#tags").tagit({
        fieldName: "teamName", // The name of the hidden input field
        availableTags: tagsArray,
        allowSpaces:true,
        caseSensitive:false,
        removeConfirmation:true,
        placeholderText:"Tags",
        tagLimit: 5,
        allowDuplicates: false,
        singleField: true, // Use a hidden input element with the fieldName name
        singleFieldDelimiter: ',', // Optional, default value is same.
        onlyAvailableTags: false
    });
</script>

在运行时（和输入标签）中，将使用隐藏的<input>，其中包含您在tag-it选项中指定的标记。

<input type="hidden" style="display:none;" value="Go,another value,C" name="teamName">

在Go中，按照以下方式处理（您错过了%s中的Printf）：

tags := r.FormValue("teamName")
log.Printf("Tags: %s", tags)

然后，您可以使用options分割代码。

如何在golang中获取<ul>的表单值？

1 个答案: