时间戳

首页 > 解决方案 > 点击时标记输入中的标记集数据

javascript - 点击时标记输入中的标记集数据

问题描述

我在 tagify 库中遇到问题，我需要在单击某个按钮时设置输入类型 tagify 中的数据，但没有设置，这是我的代码

        $(document).ready(function() {
        $('#getInfo').on('click', function () {
            $('#kt_tagify_1').val('tag name');
        })
    });

这是我的图书馆 https://github.com/yairEO/tagify/blob/master/README.md

标签： javascriptphpjqueryhtmlarrays

解决方案

演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  <title>Click Add Tag Demo</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.1.0/dist/tagify.css" />
  <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.1.0/dist/tagify.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
</head>

<body>
  <input type="text" name='basic' value="tag1, tag2" />
  <button id="click">add tags</button>
  <script>
    var input = document.querySelector('input[name=basic]');

    var tagify = new Tagify(input);


    $("#click").on("click", function() {
      var n = "ADD_IT_" + Math.random();
      var tags = [];
      tags.push(n);
      tagify.addTags(tags);
    })
  </script>
</body>

</html>

你可以在这里找到一个方法https://github.com/yairEO/tagify#events

如何使用：

推荐阅读