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

时间:2011-06-20 02:36:05

标签: javascript jquery text tags add

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

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

1 个答案:

答案 0 :(得分:0)

您需要以下内容:

<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>