单击时将各种预定义的“标签”添加到文本字段答案

【问题标题】：Add various predefined "tags" to a text field on click单击时将各种预定义的“标签”添加到文本字段
【发布时间】：2011-06-20 02:36:05
【问题描述】：

这可能是一个很容易回答的问题。我正在为一个简单的“联系人管理器”类型的基于 php 的站点创建一个表单，并带有一个基本的数据库。我有一个文本字段，可以在每个配置文件中添加多个标签。目前，这是手动完成的。客户希望我添加他们可以单击的预定义“标签”列表，然后将适当的文本添加到该字段。我在想我会在标签中硬编码，然后使用标题标签来包含将添加到字段中的文本。有没有人对如何做到这一点有任何建议或替代建议？这将向已经存在的字段添加文本（用逗号分隔，最好逗号不会是我传递的文本的一部分。我希望在添加每个标签后自动显示一个逗号。

另一个请求是创建一系列复选框，但我认为这可能会使搜索变得最简单。我意识到这可能非常简单，但我更像是一个设计人员，所以如果有人能指出我正确的方向或提供任何建议，将不胜感激。此外，我可能必须在一个页面上拥有不止一次的 this 实例，因此我可能必须为此拥有多个函数。谢谢！

【问题讨论】：

标签： javascript jquery text tags add

【解决方案1】：

你想要类似下面的东西：

<script type="text/javascript">
function addToValue(el, s) {
  if (typeof el == 'string') el = document.getElementById(el);
  el.value += (el.value.length > 1)? ', ' + s : s;
}
</script>


<textArea id="someText"></textarea>
<button title="foo" onclick="addToValue('someText',this.title)">Add foo</button>
<button title="bar" onclick="addToValue('someText',this.title)">Add bar</button>
<button title="baz" onclick="addToValue('someText',this.title)">Add baz</button>

【讨论】：