在jQuery中创建的“标签框”中获取标签值答案

【问题标题】：Get tags value in "tag box" created in jQuery在jQuery中创建的“标签框”中获取标签值
【发布时间】：2014-06-17 00:36:55
【问题描述】：

我遇到了这个post on SO，我基本上将代码（html、css 和 jquery）复制到我的网页中。一切正常，除了我不知道在提交我的 html 表单时如何获取标签。

根据我对javascript代码的理解，标签存储在标签中，它们不存储在字段中，所以我的问题是如何在提交嵌入的表单时捕获这些标签？

谢谢

【问题讨论】：

【解决方案1】：

您可以通过这种方式迭代一个jquery对象并获取孩子的内容：

var tags = '';
$('#tags > span').each(function() {
    tags = tags + $(this).html() + ',';
});
$('#inputInForm').val(tags);

【讨论】：

【解决方案2】：

只需在创建每个标签时像这样为每个标签添加一个隐藏的输入字段：

<span class="tag">
    tag-name
    <input type="hidden" name="tags[]" value="tag-name">
</span>

这样您在发布表单时会自动获取标签数组（显然这些标签应该在您的form 内）。

【讨论】：