Question

我正在寻找一个插件来在输入框中插入一个选定的标签，但我找到的所有插件都是在输入后自动创建标签。

输出示例：

如果用户单击标签（例如：name1），则标签将插入输入框中。例如，当您想翻译sthg时，节省时间特别有用。

你知道这个插件是否存在吗？有什么想法吗？

Answer 1

您可以使用Selectize.js。您可以预定义标记集或允许用户输入新标记。您可以通过选择create: false

来阻止创建新的选择

Answer 2

试试这个

<!DOCTYPE html>
<html>
<head>
    <title>jQuery : click a tag and populate an input box with it</title>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>
<body>

<input type="text" id="testbox" value="My Name is " />

<div>
    {<i id="Name1">Name1</i>}
    {<i id="Name2">Name2</i>}
    {<i id="Name3">Name3</i>}
</div>
<script type="text/javascript">

$(document).ready(function(){
    $("i").click(function(){
        var value = "My Name is";
        var al = $(this).text();
        var text = value + " " + al;
        $("#testbox").val(text);
    });
});

</script>
</body>
</html>

jQuery：在输入框中插入标记，如Facebook

2 个答案: