javascript - 如何使用标签管理器获取输入的标签

Question

我有一个可以接受标签的输入字段。添加完这些标签后，如何获取值并将其保存到我的数据库中？

我正在使用 tagManager 库来轻松添加此标签。

$(".tm-input").tagsManager();

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.js"></script>

<input type="text" name="tags" placeholder="Type the subsystem name and press enter" class="form-control tm-input tm-input-info" autocomplete="off" />

http://jsfiddle.net/0y7a5kfu/2/

Answer 1

根据documentation您可以使用 tagsManager('tags') 检索输入:

$('.tm-input').tagsManager();

$('button').click(function() {
  console.log($('.tm-input').tagsManager('tags'))
})

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tagmanager/3.0.2/tagmanager.min.js"></script>

<input type="text" name="tags" placeholder="Type the subsystem name and press enter" class="form-control tm-input tm-input-info" autocomplete="off" />
<button>Get</button>