获取多重价值<；span>；HTML/JavaScript中的标记？

我希望有人能帮我解决这个问题…我按照这里的教程：在HTML表单上创建一个包含标记的字段。现在，当我在表单上单击submit时，我想用标记获取该字段中的数据，并对其进行处理（保存到数据库）

既然每个标记都是一个标记，我如何从字段中获取数据

以下是标记字段的当前代码：

<div class="form-group">
    <label class="col-sm-3 control-label">Equipment</label>
    <div id="tags" class="col-sm-9">
       <span>Hardhat</span>
       <span>Steel Toe Boots</span>
       <input id="equipment" type="text" name="equipment" value="" placeholder="Add equipment" >
    </div>
</div>

提前感谢您的帮助

试试这个：

var tags = $('#tags span').map(function () {
  return $(this).text();
});

后续行动：

我对它做了一些修改，将所有值从保存到逗号分隔的列表中

接下来的问题是，在Javascript中如何添加标记 在程序上？我想循环浏览逗号分隔的列表，然后 将每个值添加回标记

$（'#tags'）.append（tags.split（“，”）.map（函数（tag）{
返回“+标记+”；
}));

试试这个：

var tags = $('#tags span').map(function () {
  return $(this).text();
});

后续行动：

我对它做了一些修改，将所有值从保存到逗号分隔的列表中

接下来的问题是，在Javascript中如何添加标记 在程序上？我想循环浏览逗号分隔的列表，然后 将每个值添加回标记

$（'#tags'）.append（tags.split（“，”）.map（函数（tag）{
返回“+标记+”；
}));

使用jQuery的

。each（）

：

---

如何以编程方式添加

标记？我想循环一下 以逗号分隔的列表，并将每个值添加回

标记

使用

jQuery.each（）

：

使用jQuery的

.each（）

：

---

如何以编程方式添加

标记？我想循环一下 以逗号分隔的列表，并将每个值添加回

标记

使用

jQuery.each（）

：

---

我会给你的

span

元素一个类名。然后，您可以使用jquery获取所有

span

标记，方法是执行

$（'.mySpans'）

，然后循环遍历标记数组并按照您的意愿构建它们。我会给

span

元素一个类名。然后，您可以使用jquery获取所有的

span

标记，方法是执行

$（'.mySpans'）

，然后循环遍历标记数组并按照您的意愿构建它们。谢谢！这样就可以了，我对它做了一些修改，将中的所有值保存到一个逗号分隔的列表中。接下来的问题是，在Javascript中，如何以编程方式添加标记？我想在逗号分隔的列表中循环，并将每个值添加回标记。我已经用一个方法更新了我的解决方案，以将标记添加到元素中。谢谢Dylon。我回家后会试试这个。我在我的应用程序中的表单上有这个标记字段，打开表单时填充标记会有问题吗？不，应该没有问题。嗯，我只是尝试了这个，当我打开表单时，代码运行以添加标记，它们实际上不会被添加。我试着输入一些警报，并且拆分的值也在那里，但是看起来表单没有用s更新。有什么方法可以让我刷新它或者我应该检查一下吗？谢谢！这样就可以了，我对它做了一些修改，将中的所有值保存到一个逗号分隔的列表中。接下来的问题是，在Javascript中，如何以编程方式添加标记？我想在逗号分隔的列表中循环，并将每个值添加回标记。我已经用一个方法更新了我的解决方案，以将标记添加到元素中。谢谢Dylon。我回家后会试试这个。我在我的应用程序中的表单上有这个标记字段，打开表单时填充标记会有问题吗？不，应该没有问题。嗯，我只是尝试了这个，当我打开表单时，代码运行以添加标记，它们实际上不会被添加。我试着输入一些警报，并且拆分的值也在那里，但是看起来表单没有用s更新。有什么方法可以让我刷新它或者我应该检查一下吗？将s拆分为数组的代码可以工作，但是当我使用prepend函数将s添加回数组时，什么都没有发生。它们不会添加到我的html中。请注意，此标记字段位于html格式的表单上@soawesomeman@user2573690它应该与您的原始代码一起工作。请看这里，我为

[1,2,3]

添加了标记：将s拆分为数组的代码可以工作，但当我使用prepend函数将s添加回时，什么也没有发生。它们不会添加到我的html中。请注意，此标记字段位于html格式的表单上@soawesomeman@user2573690它应该与您的原始代码一起工作。请参见此处，我为

[1,2,3]

添加了标签：

var tags = $('#tags span').map(function () {
  return $(this).text();
});

var tags = $('#tags span').map(function () {
  return $(this).text();
});

tags = Array.prototype.join.call(tags, ",");
console.log(tags);

$('#tags').append(tags.split(",").map(function (tag) {
  return "<span>" + tag + "</span>";
}));

a = []; $('#tags > span').each(function(){a.push(this.innerHTML)});

// a => ["php", "c++", "jquery"]

$.each(["php", "c++", "jquery"], function(i,v){
  $('#tags').prepend($(document.createElement('span')).text(v))
});