通过单击将标签的文本添加到输入标签答案

【问题标题】：add text of a tag to input tag by clicking on it通过单击将标签的文本添加到输入标签
【发布时间】：2018-06-02 06:03:47
【问题描述】：

我想显示要提交或拒绝的信息。我有一个 tag() 包含应该检查的信息。如果其中一些不正确，应将其添加到输入标签，然后单击拒绝按钮，所有输入标签数据都会传递给控制器。以下代码不起作用。我不知道有没有更好的方法呢？非常感谢您的关注。

    <html lang="en">
    <head>
    <title>example</title>

    <link href="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css")" rel="stylesheet">

    <script src="@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")"></script>

    <script src="@Url.Content("https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js")"></script>
</head>
<body>
    <a href="#" data-value="1">Name</a>
    <div style="width: 500px; margin: 0px auto;">
        <h2 style="font-family:cursive;">Jquery - input tags plugin example</h2>
        <input name="tags" id="input-tags" style="width:500px !important" />
    </div>
    <script>
        $("a").click(function () {
        i = $(this).data("value");
  $('#input-tags').tagsInput('add', i);

        });
    </script>
</body>
</html>

【问题讨论】：

您能否提供更详细的问题描述。这不是很有帮助

标签： javascript jquery asp.net-mvc input tags

【解决方案1】：

你使用的是jQuery TagsInput而不是Bootstrap TagsInput，所以你应该使用addTag而不是.tagsInput('add')

$('#input-tags').tagsInput();

$("a").click(function(e) {
  e.preventDefault();
  var i = $(this).data("value");
  $('#input-tags').addTag(i);
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>

<a href="#" data-value="1">Name</a>
<div style="width: 500px; margin: 0px auto;">
  <h2 style="font-family:cursive;">Jquery - input tags plugin example</h2>
  <input name="tags" id="input-tags" data_role="tagsinput" style="width:500px !important" />
</div>

Source

【讨论】：

非常感谢您的正确回答。如何将输入标签数据传递给控制器？
@user3639362 欢迎您。抱歉，我不是 asp.net 方面的专家，我建议您为此创建新问题。
好的，你说得对。我创建新问题。在我的程序中，当我点击标签时，在最后通过 # 转到链接并且不添加到输入标签，你能帮我吗？
@user3639362 如果锚标签中的# 让您烦恼，请使用e.preventDefault(); 查看更新后的答案。
tnx.thats 没关系，但现在通过点击锚标签任何添加到输入标签。